:root{
  --max:1320px;
  --paper:#ffffff; --paper-2:#f7f6f4; --ink:#141414; --ink-2:#3a3a3a; --ink-3:#6e6b66;
  --rule:#dcd9d3; --rule-light:#ebe8e2; --accent:#8E1035; --tint:#f1efeb;
  --display:'Literata',Georgia,serif;
  --body:'Literata',Georgia,serif;
  --ui:'Libre Franklin',system-ui,sans-serif;
  --gh-font-heading:var(--display); --gh-font-body:var(--body);
  --pad:46px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.65;}
img{max-width:100%;display:block}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline;text-underline-offset:3px}
h1,h2,h3{font-family:var(--display);margin:0;font-weight:700;letter-spacing:-.015em}

/* ---- masthead ---- */
.utility{max-width:var(--max);margin:0 auto;border-bottom:1px solid var(--rule);display:flex;justify-content:center;align-items:center;gap:16px;padding:12px var(--pad);font-family:var(--ui);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2)}
.utility-left{display:flex;align-items:center;gap:20px}
.utility-date{color:var(--ink-3);font-weight:400}
.utility a{color:var(--ink-2)}
.btn-subscribe{font-weight:600;background:var(--accent);color:var(--paper)!important;padding:7px 14px;font-weight:600;letter-spacing:.08em}
.btn-subscribe:hover{background:var(--ink);text-decoration:none}
.masthead{max-width:var(--max);margin:0 auto;border-top:0;border-bottom:0;padding:36px var(--pad) 28px;text-align:center}

.masthead-title{display:block;color:var(--ink);font-family:var(--display);font-weight:700;font-size:clamp(34px,5.6vw,76px);line-height:1.02;letter-spacing:-.025em}
.masthead-title:hover{text-decoration:none}
.masthead-logo{max-height:84px;width:auto;margin:0 auto}
.masthead-tagline{margin:20px 0 0;font-family:var(--ui);font-weight:600;font-size:14px;letter-spacing:.2em;text-transform:uppercase;color:var(--accent)}
.sections{max-width:var(--max);margin:0 auto;border-bottom:1px solid var(--rule);padding:12px var(--pad)}
.sections ul{display:flex;flex-wrap:wrap;justify-content:center;gap:34px;margin:0;padding:0;list-style:none;font-family:var(--ui);font-size:12px;letter-spacing:.1em;text-transform:uppercase}
.sections a{color:var(--ink)}

/* ---- compact masthead (all pages except home) ---- */
.mini-head{position:sticky;top:0;z-index:40;background:var(--paper);border-bottom:1px solid var(--rule)}
.mini-inner{max-width:var(--max);margin:0 auto;padding:16px var(--pad) 12px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:20px}
.mini-side{display:flex;align-items:center;gap:18px}
.mini-side:last-child{justify-content:flex-end}
.mini-brand{min-width:0}
.mini-mark{display:block;text-align:center;font-family:var(--display);font-weight:700;font-size:26px;line-height:1.02;letter-spacing:-.025em;color:var(--ink);white-space:nowrap}
.mini-mark:hover{text-decoration:none;color:var(--accent)}
.mini-logo{height:30px;width:auto;margin:0 auto}
.mini-nav{max-width:var(--max);margin:0 auto;padding:0 var(--pad) 12px}
.mini-nav ul{display:flex;flex-wrap:wrap;justify-content:center;gap:30px;margin:0;padding:0;list-style:none;font-family:var(--ui);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase}
.mini-nav a{color:var(--ink)}
.mini-actions{display:flex;align-items:center;gap:18px;font-family:var(--ui);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase}
.mini-actions a{color:var(--ink-2)}
.mini-actions .btn-subscribe{padding:6px 13px;font-size:11px}
@media (max-width:820px){
  .mini-inner{grid-template-columns:auto minmax(0,1fr) auto;gap:14px;padding:12px var(--pad) 10px}
  .mini-mark{text-align:left;font-size:24px}
}

/* ---- shared bits ---- */
.kicker{display:block;font-family:var(--ui);font-weight:600;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}
.kicker-center{text-align:center;font-size:11px;letter-spacing:.18em;margin-bottom:10px}
.byline{font-family:var(--ui);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
.rail-head{font-family:var(--ui);font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);padding-bottom:0;margin:0 0 14px}
figure{margin:0;background:none}
figcaption{padding:7px 0 0;font-family:var(--ui);font-size:11px;color:var(--ink-3);background:var(--paper)}

/* ---- front page ---- */
.front{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:250px minmax(0,1fr);padding:0 var(--pad)}
.front:has(.front-column){grid-template-columns:250px minmax(0,1fr) 250px}
.front-rail{padding:30px 28px 0 0;border-right:1px solid var(--rule)}
.front-lead{padding:30px 30px 0}
.front-column{padding:30px 0 0 28px;border-left:1px solid var(--rule)}
.rail-item{display:block;padding:11px 0;border-bottom:1px solid var(--rule-light);color:var(--ink)}
.rail-item:hover{text-decoration:none;color:var(--accent)}
.rail-item .kicker{color:#6e6b66;font-size:9.5px;letter-spacing:.14em;margin-bottom:5px}
.rail-title{display:block;font-family:var(--display);font-weight:600;font-size:17px;line-height:1.32}
.lead-title{font-weight:700;font-size:clamp(32px,4vw,54px);line-height:1.08;letter-spacing:-.02em;text-align:center;text-wrap:balance}
.lead-title a{color:var(--ink)}
.lead-dek{margin:18px auto 0;max-width:46ch;text-wrap:pretty;text-align:center;font-style:italic;font-size:19px;line-height:1.5;color:var(--ink-2)}
.front-lead .byline{margin:16px 0 24px;text-align:center}
.lead-figure{max-width:44rem;margin-left:auto;margin-right:auto;margin-bottom:26px;border-bottom:1px solid var(--rule)}
.lead-figure img{width:100%;max-height:420px;object-fit:contain}
.lead-body{max-width:40rem;margin:0 auto;text-align:left;font-size:16px;line-height:1.66;hyphens:none;padding-bottom:30px}
.lead-body p{margin:0 0 1em}
.lead-body p:last-child{margin-bottom:0}
.lead-body img,.lead-body figure{display:none}
.lead-body h2,.lead-body h3,.lead-body h4,.lead-body ul,.lead-body ol,.lead-body blockquote{display:none}
.lead-body>*:first-child::first-letter,.lead-body::first-letter{font-family:var(--display);font-weight:700;font-size:58px;line-height:.82;float:left;padding:7px 10px 0 0;color:var(--accent)}
.continue-line{margin:0;column-span:all;border-top:1px solid var(--rule-light);padding-top:14px}
.continue{font-family:var(--ui);font-size:13px;letter-spacing:.06em;text-transform:uppercase}
.col-figure{margin-bottom:12px}
.col-figure img{width:100%;height:150px;object-fit:contain}
.col-title{font-size:26px;line-height:1.14;color:var(--ink)}
.col-dek{margin:10px 0 0;font-size:15.5px;line-height:1.55;color:var(--ink-2)}
.col-list{border-top:1px solid var(--rule);margin-top:20px;padding-top:4px}
.col-item:not(.has-thumb) .col-item-title{font-size:17px}
.col-item{display:block;padding:12px 0;border-bottom:1px solid var(--rule-light);color:var(--ink)}
.col-item:hover{text-decoration:none;color:var(--accent)}
.col-item-title{display:block;font-family:var(--display);font-size:19px;line-height:1.2}
.col-item-meta{display:block;margin-top:6px;font-family:var(--ui);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#6e6b66}

/* ---- newsletter promo ---- */
.promo{margin-top:22px;border:1px solid var(--ink);padding:16px}
.promo-title{font-size:22px;line-height:1.14}
.promo-text{margin:10px 0 16px;font-size:14.5px;line-height:1.55;color:var(--ink-2)}
.promo-input{width:100%;min-height:46px;background:#fff;border:1px solid var(--rule);font-family:var(--ui);font-size:14px;padding:13px 12px;color:var(--ink)}
.promo-button{margin-top:8px;width:100%;border:0;background:var(--accent);color:var(--paper);font-family:var(--ui);font-weight:600;font-size:12px;letter-spacing:.1em;text-transform:uppercase;padding:10px;cursor:pointer}
.promo-button:hover{background:var(--ink)}
.promo-msg{display:none;margin:8px 0 0;font-family:var(--ui);font-size:11px}
.success .promo-msg.success,.error .promo-msg.error{display:block}

/* ---- desks ---- */
.desks{max-width:var(--max);margin:0 auto;padding:40px var(--pad) 0}
.desk{border-top:2px solid var(--ink);padding:18px 0 40px}
.desk-head{font-family:var(--ui);font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin:0}
.desk-bar{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:20px}
.desk-intro{margin:6px 0 0;font-family:var(--ui);font-size:15px;line-height:1.45;color:var(--ink-3);max-width:42rem}
.desk-all{white-space:nowrap;font-family:var(--ui);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
.desk-layout{display:grid;grid-template-columns:minmax(0,2.15fr) minmax(0,1fr);gap:44px;align-items:start}
.desk-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px}
.desk-side{display:grid;align-content:start}
.desk-side-item{display:grid;grid-template-columns:34px minmax(0,1fr);gap:14px;padding:14px 0;border-bottom:1px solid var(--rule-light);color:var(--ink)}
.desk-side-item:first-child{padding-top:0}
.desk-side-item:hover{text-decoration:none;color:var(--accent)}
.desk-side-num{font-family:var(--display);font-weight:700;font-size:20px;line-height:1.1;color:#6e6b66}
.desk-side-title{display:block;font-family:var(--display);font-size:18px;line-height:1.22}
.desk-card{display:block;color:var(--ink);border-top:1px solid var(--rule);padding-top:16px}
.desk-card:hover{text-decoration:none}
.desk-card:hover .desk-title{color:var(--accent)}
.desk-figure{height:240px;margin-bottom:16px;display:flex;align-items:center;justify-content:center}
.desk-figure img{width:100%;height:240px;object-fit:contain}
.desk-title{font-size:24px;line-height:1.2}
.desk-dek{margin:10px 0 0;font-size:16px;line-height:1.5;color:var(--ink-2)}
.desk-meta{display:block;margin-top:10px;font-family:var(--ui);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:#6e6b66}

/* ---- article ---- */
.article{padding:48px var(--pad) 0;max-width:var(--max);margin:0 auto}
.article-head{max-width:46rem;margin:0 auto;text-align:center}
.article-title{font-weight:700;font-size:clamp(32px,4.4vw,56px);line-height:1.1;letter-spacing:-.022em;text-wrap:balance}
.article-dek{margin:18px 0 0;font-style:italic;font-size:21px;line-height:1.5;color:var(--ink-2)}
.article-head .byline{margin-top:16px}
.article-figure{margin:40px auto 0;max-width:46rem}
.article-figure img{width:100%;max-height:520px;object-fit:contain}
.article-grid{display:grid;grid-template-columns:150px minmax(0,42rem) 300px;gap:44px;justify-content:center;padding:46px 0 0}
.share{display:flex;flex-direction:column;gap:8px;font-family:var(--ui);font-size:13px}
.share-head{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.share a{color:var(--ink-2)}
.article-body{font-size:17px;line-height:1.75}
.article-body > p:first-of-type::first-letter{font-family:var(--display);font-weight:700;font-size:62px;line-height:.82;float:left;padding:8px 10px 0 0;color:var(--accent)}
.article-body h2{font-size:30px;margin:2em 0 .4em}
.article-body h3{font-size:23px;margin:1.6em 0 .4em}
.article-body blockquote{margin:2em 0;padding:1.2em 0;border-top:2px solid var(--ink);border-bottom:1px solid var(--rule);font-style:italic;font-size:26px;line-height:1.35}
.article-body figure{margin:2em 0}
.article-body figcaption{text-align:left}
.article-body a{text-decoration:underline;text-underline-offset:3px}
.article-rail .rail-item{border-bottom:1px solid var(--rule-light)}
.article-foot{max-width:42rem;margin:48px auto 0;padding-top:22px;border-top:1px solid var(--rule)}
.author{display:flex;gap:16px;align-items:center;font-size:16px;color:var(--ink-2)}
.author-img{width:56px;height:56px;border-radius:50%;background:var(--paper-2);object-fit:cover;flex:0 0 auto}
.author-img.large{width:88px;height:88px;margin:0 auto 14px}
.read-next{padding:56px var(--pad);max-width:var(--max);margin:0 auto}
.read-next>.desk-head{border-top:2px solid var(--ink);padding-top:16px;margin-bottom:28px;font-family:var(--display);font-weight:700;font-size:26px;letter-spacing:-.01em;text-transform:none;color:var(--ink)}
.read-next-grid,.archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px}

/* ---- cards / archives ---- */
.card{display:block;color:var(--ink)}
.card:hover{text-decoration:none}
.card-figure{margin-bottom:14px}
.card-figure img{width:100%;height:170px;object-fit:contain}
.card-title{font-size:24px;line-height:1.16;margin-top:8px}
.card-excerpt{margin:8px 0 0;font-size:15.5px;line-height:1.55;color:var(--ink-2)}
.archive-head{padding:52px var(--pad) 26px;text-align:center;border-bottom:1px solid var(--ink);max-width:var(--max);margin:0 auto}
.archive-title{font-weight:700;font-size:clamp(32px,5vw,56px);line-height:1.05;text-wrap:balance;letter-spacing:-.01em}
@media (max-width:820px){.archive-head{padding:32px var(--pad) 20px}.archive-title{font-size:30px;line-height:1.1}}
.archive-dek{margin:14px auto 0;max-width:50ch;font-style:italic;font-size:19px;color:var(--ink-2)}
.archive-count{display:block;margin-top:12px;font-family:var(--ui);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}
.archive-grid{padding:40px var(--pad);max-width:var(--max);margin:0 auto}
.page-body{max-width:42rem;margin:38px auto 0;font-size:19px;line-height:1.65}
.pagination{padding:0 var(--pad) 50px;text-align:center;font-family:var(--ui);font-size:12px;letter-spacing:.12em;text-transform:uppercase}

/* ---- footer ---- */
.site-footer{max-width:var(--max);margin:48px auto 0;padding:0 var(--pad) 44px}
.foot-grid{display:grid;grid-template-columns:minmax(0,1.3fr) repeat(3,minmax(0,1fr));gap:36px;border-top:2px solid var(--ink);padding:26px 0 30px}
.foot-mark{font-family:var(--display);font-weight:700;font-size:24px;line-height:1.1;letter-spacing:-.02em;color:var(--ink)}
.foot-line{margin:10px 0 0;font-size:15px;line-height:1.5;color:var(--ink-2);max-width:26ch}
.foot-head{display:block;font-family:var(--ui);font-weight:600;font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:12px}
.foot-col ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.foot-col a{color:var(--ink-2)}
.foot-col li a,.foot-col ul a{font-family:var(--body);font-size:15px}
.foot-col .foot-imprint a,.foot-col .nav a{font-family:var(--body);font-size:15px;color:var(--ink-2)}
.foot-imprint{margin:0 0 10px;font-size:13.5px;line-height:1.55;color:var(--ink-3)}
.foot-legal{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid var(--rule);padding-top:14px;font-family:var(--ui);font-size:11px;letter-spacing:.04em;color:#6e6b66}
.foot-legal a{color:#6e6b66}
@media (max-width:1100px){ .foot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px} }
@media (max-width:820px){ .foot-grid{grid-template-columns:minmax(0,1fr)} }

/* ---- mobile nav ---- */
.nav-burger{display:none}
@media (max-width:820px){
  .sections{padding:0 var(--pad)}
  .nav-burger{display:flex;align-items:center;gap:10px;width:100%;justify-content:center;padding:13px 0;background:none;border:0;cursor:pointer;font-family:var(--ui);font-weight:600;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink)}
  .mini-side .nav-burger{width:auto;justify-content:flex-start;padding:0}
  .mini-side .nav-burger-label{display:none}
  .sections ul,.mini-nav ul{display:none;flex-direction:column;align-items:stretch;gap:0;padding-bottom:6px}
  .sections.is-open ul,.mini-nav.is-open ul{display:flex}
  .mini-nav{padding-bottom:0}
  .sections li,.mini-nav li{border-top:1px solid var(--rule-light)}
  .sections li a,.mini-nav li a{display:block;padding:13px 0;text-align:center}
}
.nav-burger-bars{display:grid;gap:4px}
.nav-burger-bars span{display:block;width:18px;height:1.5px;background:var(--ink)}

/* ---- responsive ---- */
@media (max-width:1200px){
  .front{grid-template-columns:210px minmax(0,1fr)}
  .front:has(.front-column){grid-template-columns:210px minmax(0,1fr) 210px}
  .front-rail{padding-right:22px}
  .front-column{padding-left:22px}
}
@media (max-width:940px){
  .front,.front:has(.front-column){grid-template-columns:minmax(0,1fr) 260px}
  .front-lead{order:1}
  .front-column{order:2}
  .front-rail{order:3;grid-column:1/-1;border-right:0;border-top:1px solid var(--rule);border-bottom:0;padding:22px 0 0}
  .front-rail .promo{max-width:420px}
  .front-lead{padding-left:0}
  .article-grid{grid-template-columns:minmax(0,1fr) 280px;gap:34px}
  .share{flex-direction:row;flex-wrap:wrap;grid-column:1/-1;gap:18px;border-bottom:1px solid var(--rule);padding-bottom:12px}
}
@media (max-width:1100px){ .desk-layout{grid-template-columns:minmax(0,1fr);gap:30px} }
@media (max-width:820px){
  :root{
  --max:1320px;--pad:20px}
  body{font-size:16px}
  .utility-date{display:none}
  .front,.front:has(.front-column),.article-grid,.desk-grid,.read-next-grid,.archive-grid{grid-template-columns:minmax(0,1fr)}
  .desk-figure,.desk-figure img{height:200px}
  .front-column{border-left:0;border-top:1px solid var(--rule);padding:22px 0 0}
  .front-lead{padding:30px 0 0}
  .article-head{padding-top:30px}
  .lead-body{column-count:1}
  .article-title{font-size:34px}
  .article-body{font-size:18px}
}

/* ---- Koenig card widths ---- */
.gh-content{position:relative}
.gh-content .kg-card{margin:2em 0}
.kg-width-wide{width:min(100vw - 2*var(--pad), 58rem);margin-left:50%;transform:translateX(-50%)}
.kg-width-full{width:calc(100vw - 2*var(--pad));margin-left:50%;transform:translateX(-50%)}
.kg-width-full img,.kg-width-wide img{width:100%}
.kg-image{margin:0 auto}
@media (max-width:1100px){ .desk-layout{grid-template-columns:minmax(0,1fr);gap:30px} }
@media (max-width:820px){
  .kg-width-wide,.kg-width-full{width:100%;margin-left:0;transform:none}
}

/* ---- article rail ---- */
.article-rail{align-self:start}
.article-rail .rail-head{margin-top:0}
.article-rail .rail-item{padding:14px 0}
.article-rail .rail-title{font-size:19px}
.rail-block{margin-top:34px}
.rail-meta{display:block;margin-top:6px;font-family:var(--ui);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:#6e6b66}

/* ---- thumbnails in side columns ---- */
.rail-item.has-thumb,.col-item.has-thumb{display:grid;grid-template-columns:76px minmax(0,1fr);gap:14px;align-items:start}
.rail-thumb{width:76px;height:60px;object-fit:contain}
.rail-item.has-thumb .rail-title,.col-item.has-thumb .col-item-title{font-size:16.5px}

/* ---- what others say ---- */
.others{padding:10px var(--pad) 0;max-width:var(--max);margin:0 auto}
.others .desk-bar{border-top:2px solid var(--ink);padding-top:18px}
.others-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--rule);border:1px solid var(--rule);margin-bottom:10px}
.others-card{display:flex;flex-direction:column;gap:10px;background:var(--paper-2);padding:24px;color:var(--ink)}
.others-card:hover{text-decoration:none;background:var(--tint)}
.others-source{font-family:var(--ui);font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}
.others-title{font-family:var(--display);font-weight:600;font-size:20px;line-height:1.26}
.others-text{font-size:15.5px;line-height:1.5;color:var(--ink-2)}
.others-link{margin-top:auto;font-family:var(--ui);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}
@media (max-width:1100px){ .others-grid{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:820px){ .others-grid{grid-template-columns:minmax(0,1fr)} }

/* ---- colophon / imprint page ---- */
.colophon-page{padding-bottom:20px}
.colophon-grid{max-width:42rem;margin:40px auto 0;border-top:1px solid var(--rule)}
.colophon-row{display:grid;grid-template-columns:170px minmax(0,1fr);gap:24px;padding:18px 0;border-bottom:1px solid var(--rule-light)}
.colophon-label{font-family:var(--ui);font-weight:600;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);padding-top:5px}
.colophon-value{font-family:var(--display);font-size:20px;line-height:1.35}
.colophon-body{max-width:42rem;margin:34px auto 0;font-size:17.5px;line-height:1.7}
@media (max-width:820px){ .colophon-row{grid-template-columns:minmax(0,1fr);gap:6px} .colophon-label{padding-top:0} }

.legal{max-width:52rem;margin:52px auto 0;border-top:1px solid var(--rule);padding-top:26px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 44px}
.legal-head{display:block;font-family:var(--ui);font-weight:600;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:8px}
.legal p{margin:0;font-size:15.5px;line-height:1.6;color:var(--ink-2)}
.legal-note{max-width:52rem;margin:30px auto 0;padding-top:14px;border-top:1px solid var(--rule);font-family:var(--ui);font-size:11px;letter-spacing:.04em;color:#6e6b66}
@media (max-width:820px){ .legal{grid-template-columns:minmax(0,1fr)} }

.foot-head.in-times{font-family:var(--display);font-weight:700;font-size:15px;letter-spacing:0;text-transform:none;color:var(--accent)}

/* keep the wordmark's optical size identical at every scale */
.masthead-title,.mini-mark,.foot-mark{font-optical-sizing:none;font-variation-settings:'opsz' 72}


/* ---- The Bookshelf (sidebar) ---- */
.bookshelf{margin-top:34px}
.book-list{display:grid;gap:18px}
.book{display:grid;grid-template-columns:58px minmax(0,1fr);gap:14px;align-items:start;color:var(--ink)}
.book:hover{text-decoration:none;color:var(--accent)}
.book-cover{width:58px;height:auto;display:block;box-shadow:0 1px 3px rgba(20,20,20,.22);background:var(--paper-2)}
.book-cover-empty{aspect-ratio:2/3;border:1px solid var(--rule)}
.book-text{display:block;min-width:0}
.book-title{display:block;font-family:var(--display);font-weight:600;font-size:16px;line-height:1.28}
.book-meta{display:block;margin-top:5px;font-family:var(--ui);font-size:13px;line-height:1.45;letter-spacing:0;color:var(--ink-3)}
.book-all{display:inline-block;margin-top:18px;padding-top:12px;border-top:1px solid var(--rule);width:100%;font-family:var(--ui);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}
.book-all:hover{color:var(--accent)}

/* ---- The Bookshelf (tag page cover grid) ---- */
.shelf-grid{max-width:var(--max);margin:0 auto;padding:44px var(--pad) 20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:52px 40px;align-items:start}
.shelf-item{display:block;color:var(--ink)}
.shelf-item:hover{text-decoration:none;color:var(--accent)}
.shelf-cover{width:100%;height:auto;display:block;box-shadow:0 2px 10px rgba(20,20,20,.2);background:var(--paper-2)}
.shelf-cover-empty{aspect-ratio:2/3;border:1px solid var(--rule)}
.shelf-title{display:block;margin-top:16px;font-family:var(--display);font-weight:600;font-size:19px;line-height:1.24}
.shelf-meta{display:block;margin-top:7px;font-family:var(--ui);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}

/* ---- closing callouts ---- */
.article-body .callout{margin:2.2em 0 1em;padding:20px 0 0;border-top:2px solid var(--ink);font-size:17.5px;line-height:1.62;color:var(--ink)}
.article-body .callout-label{display:block;margin-bottom:8px;font-family:var(--ui);font-weight:600;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}
.article-body .callout-take{border-top-color:var(--accent)}

/* ---- footnotes ---- */
.article-body .footnote-rule{margin:3em 0 1.4em;border:0;border-top:1px solid var(--rule)}
.article-body .footnote-item{font-size:14.5px;line-height:1.6;color:var(--ink-3)}
.article-body ol.footnote-item{padding-left:1.4em}
.article-body ol.footnote-item li{margin-bottom:.55em}
.article-body .footnote-item a{color:var(--accent);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:.5px}
.article-body p.footnote-item strong{font-family:var(--ui);font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}

@media (max-width:900px){
  .shelf-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:36px 24px;padding-top:30px}
  .book{grid-template-columns:52px minmax(0,1fr)}
  .book-cover{width:52px}
}


/* ---- thumbnails in desk side lists ---- */
.desk-side-item.has-thumb{grid-template-columns:76px minmax(0,1fr)}
.desk-side-thumb{width:76px;height:58px;object-fit:cover;background:var(--paper-2)}
.desk-side-meta{display:block;margin-top:6px;font-family:var(--ui);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:#6e6b66}


/* ---- wordmark stays the same small size on subpages and on mobile ---- */
@media (max-width:900px){
  .mini-mark{font-size:26px}
  .mini-logo{height:30px}
}


/* ---- all sections strip ---- */
.all-sections{max-width:var(--max);margin:0 auto;padding:12px var(--pad) 40px}
.all-sections .desk-bar{border-top:2px solid var(--ink);padding-top:18px}
.all-sections-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:26px 32px}
.section-chip{display:block;border-top:1px solid var(--rule);padding-top:14px;color:var(--ink)}
.section-chip:hover{text-decoration:none;color:var(--accent)}
.section-chip-name{display:block;font-family:var(--display);font-weight:600;font-size:19px;line-height:1.24}
.section-chip-count{display:block;margin-top:7px;font-family:var(--ui);font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}


/* ---- narrow screens: tighter page margin, utility bar in one flow ---- */
@media (max-width:700px){
  :root{--pad:18px}
  .utility{justify-content:flex-start;gap:14px 18px}
  .utility-left{flex-wrap:wrap;gap:14px 18px}
}


/* ---- section / format labels ---- */
.labels{display:block;font-family:var(--ui);font-weight:600;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}
.label-format{color:var(--ink-3);font-weight:400}
.label-format::before{content:"·";margin:0 .5em;color:var(--rule);font-weight:400}
.labels-center{text-align:center;margin-bottom:10px}
.labels-center .labels{font-size:11px}

/* ---- Time for Talent / The Interview archives ---- */
.longform-list{max-width:var(--max);margin:0 auto;padding:40px var(--pad) 20px;display:grid;gap:44px}
.longform-item{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:34px;align-items:start;border-top:1px solid var(--rule);padding-top:26px;color:var(--ink)}
.longform-item:hover{text-decoration:none;color:var(--accent)}
.longform-figure{margin:0}
.longform-figure img{width:100%;height:210px;object-fit:cover;background:var(--paper-2)}
.longform-text{display:block;min-width:0}
.longform-title{display:block;margin-top:12px;font-family:var(--display);font-weight:700;font-size:30px;line-height:1.14;letter-spacing:-.02em}
.longform-dek{display:block;margin-top:12px;font-size:16.5px;line-height:1.6;color:var(--ink-2);max-width:58ch}
.longform-meta{display:block;margin-top:14px;font-family:var(--ui);font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}

/* ---- Talent to Go archive ---- */
.togo-grid{max-width:var(--max);margin:0 auto;padding:40px var(--pad) 20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:34px}
.togo-item{display:block;border-top:1px solid var(--rule);padding-top:18px;color:var(--ink)}
.togo-item:hover{text-decoration:none;color:var(--accent)}
.togo-title{display:block;margin-top:12px;font-family:var(--display);font-weight:600;font-size:21px;line-height:1.24}
.togo-dek{display:block;margin-top:10px;font-size:15px;line-height:1.55;color:var(--ink-2)}
.togo-meta{display:block;margin-top:12px;font-family:var(--ui);font-size:9.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}

/* ---- Times10 archive ---- */
.ten-list{max-width:860px;margin:0 auto;padding:40px var(--pad) 20px;display:grid;gap:0}
.ten-item{display:grid;grid-template-columns:64px minmax(0,1fr);gap:22px;align-items:start;border-top:1px solid var(--rule);padding:22px 0;color:var(--ink)}
.ten-item:hover{text-decoration:none;color:var(--accent)}
.ten-num{font-family:var(--display);font-weight:700;font-size:30px;line-height:1;color:var(--ink-3)}
.ten-title{display:block;font-family:var(--display);font-weight:600;font-size:22px;line-height:1.22}
.ten-dek{display:block;margin-top:9px;font-size:15.5px;line-height:1.55;color:var(--ink-2)}
.ten-meta{display:block;margin-top:10px;font-family:var(--ui);font-size:9.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}

@media (max-width:760px){
  .longform-item{grid-template-columns:minmax(0,1fr);gap:16px}
  .longform-figure img{height:200px}
  .longform-title{font-size:25px}
  .ten-item{grid-template-columns:44px minmax(0,1fr);gap:16px}
  .ten-num{font-size:24px}
}


/* ---- newsletter states ---- */
.promo-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.promo-button{position:relative;min-height:44px}
.promo-button-busy{display:none}
.loading .promo-button-idle{display:none}
.loading .promo-button-busy{display:inline}
.loading .promo-button{opacity:.75;cursor:progress}
.success .promo-input,.success .promo-button{display:none}
.promo-input:focus-visible,.promo-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

.promo{border-top:2px solid var(--ink);padding-top:22px;background:none}
.promo-fineprint{margin:12px 0 0;font-size:12px;line-height:1.5;color:var(--ink-3)}


/* ---- skip link ---- */
.skip-link{position:absolute;left:-9999px;top:0;z-index:100;background:var(--ink);color:#fff;font-family:var(--ui);font-size:13px;padding:10px 16px}
.skip-link:focus{left:12px;top:12px;text-decoration:none}
.site-main:focus{outline:none}

/* ---- rail dek ---- */
.rail-dek{margin:-6px 0 18px;font-size:15px;line-height:1.5;color:var(--ink-3)}

/* ---- homepage format modules ---- */
.format-block{max-width:var(--max);margin:0 auto;padding:12px var(--pad) 44px}
.format-block .desk-bar{border-top:2px solid var(--ink);padding-top:18px}
.format-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:40px}
.format-card{display:block;color:var(--ink);min-width:0}
.format-card:hover{text-decoration:none;color:var(--accent)}
.format-figure{margin:0 0 14px}
.format-figure img{width:100%;aspect-ratio:3/2;object-fit:cover;background:var(--paper-2)}
.format-title{margin:10px 0 0;font-size:24px;line-height:1.2}
.format-dek{margin:10px 0 0;font-size:15.5px;line-height:1.55;color:var(--ink-2)}
.format-meta{display:block;margin-top:12px;font-family:var(--ui);font-size:9.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}
.togo-grid-flush{max-width:none;margin:0;padding:0}
.ext-mark{margin-left:.35em}


/* ---- mobile typography pass ---- */
@media (max-width:640px){
  :root{--pad:18px}
  body{font-size:17px;line-height:1.6}
  .lead-title{font-size:clamp(30px,8.4vw,38px);line-height:1.1;text-align:left;letter-spacing:-.015em}
  .lead-dek{margin:14px 0 0;max-width:none;text-align:left;font-size:18px;line-height:1.5}
  .front-lead .byline{text-align:left;margin:14px 0 20px}
  .labels-center,.kicker-center{text-align:left}
  .lead-figure{margin-bottom:20px}
  .lead-body{font-size:17px;line-height:1.62}
  .rail-head{font-size:11px;letter-spacing:.16em;margin-bottom:10px}
  .rail-dek{font-size:15px;margin:-4px 0 14px}
  .rail-title{font-size:18px;line-height:1.3}
  .col-title{font-size:24px;line-height:1.16}
  .col-dek,.desk-dek,.format-dek,.togo-dek{font-size:16px;line-height:1.55}
  .desk-title,.format-title{font-size:22px;line-height:1.2}
  .togo-title{font-size:20px;line-height:1.24}
  .desk-intro{font-size:15px}
  .desk-bar{flex-direction:column;align-items:flex-start;gap:8px}
  .desk-all{font-size:11.5px}
  .desk-grid,.togo-grid,.format-grid,.others-grid{grid-template-columns:minmax(0,1fr);gap:28px}
  .desk-figure,.desk-figure img{height:auto}
  .desk-figure img,.format-figure img{aspect-ratio:3/2;object-fit:cover;height:auto}
  .col-figure img{height:auto;aspect-ratio:3/2;object-fit:cover}
  .promo{padding:18px}
  .promo-title{font-size:21px}
  .promo-text{font-size:15px}
  .promo-button,.promo-input{min-height:48px}
  .all-sections-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .article-title{font-size:30px;line-height:1.12}
  .article-body{font-size:17.5px;line-height:1.65}
}


/* ---- mobile header: wordmark left, burger right ---- */
@media (max-width:640px){
  .mini-inner{grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:14px var(--pad) 12px}
  .mini-brand{order:1;text-align:left}
  .mini-mark{text-align:left;font-size:25px}
  .mini-side{order:2;justify-self:end}
  .utility{display:none}
  .masthead{padding:26px var(--pad) 22px}
  .masthead-tagline{margin-top:14px;font-size:12px;letter-spacing:.16em}
}

.front-column .book-all{display:inline-block;margin-top:14px}
.desk-side-item:not(.has-thumb){grid-template-columns:minmax(0,1fr)}

/* ---- mobile header: wordmark left, burger right ---- */
.home-mobile{display:none}
@media (max-width:820px){
  .utility,.masthead,.sections{display:none}
  .home-mobile{display:block}
  .mini-inner{grid-template-columns:minmax(0,1fr) auto;gap:14px;padding:12px var(--pad) 10px}
  .mini-brand{order:1}
  .mini-burger{order:2;justify-content:flex-end}
  .mini-side[aria-hidden="true"]{display:none}
  .mini-mark{text-align:left;font-size:24px}
  .mini-side .nav-burger{padding:6px 0}
  .front,.front:has(.front-column){display:flex;flex-direction:column}
  .front-lead{order:1}
  .front-rail{order:2}
  .front-column{order:3}
  .front-rail,.front-column{border:0;border-top:1px solid var(--rule);padding:22px 0 0;margin-top:30px}
}

/* ---- rotating bookshelf ---- */
.js-rotate>.book:nth-child(n+5){display:none}
/* ---- right column: newsletter + quote of the day ---- */
.front-column .promo{margin-top:34px}
.qotd{margin:34px 0 0;padding-top:18px;border-top:2px solid var(--ink)}
.qotd img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}

/* ---- desk cards without image ---- */
.desk-card.no-image{border-top:1px solid var(--rule);padding-top:18px}

.qotd{margin:0 0 34px;padding-top:0;border-top:0}
.front-column>.rail-head{margin-top:0}

/* ---- date above quote of the day (desktop only) ---- */
.qotd-date{margin:0 0 14px;font-family:var(--ui);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}
.front-rail>.qotd-date{margin-top:0}
@media (max-width:820px){ .qotd-date{display:none} }

/* ---- round images on a paper field ---- */
.has-round{background:#efe9dd !important}
img.is-round{object-fit:contain !important;background:#efe9dd;mix-blend-mode:multiply;padding:5%;box-sizing:border-box}
.lead-figure.has-round img.is-round{aspect-ratio:3/2;max-height:420px;width:100%}
.desk-figure.has-round img.is-round,.format-figure.has-round img.is-round{padding:6%}
.rail-thumb.is-round,.desk-side-thumb.is-round{padding:3px}

/* ---- desks: three equal cards ---- */
.desk-grid.desk-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px}
@media (max-width:940px){ .desk-grid.desk-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:820px){ .desk-grid.desk-grid-3{grid-template-columns:minmax(0,1fr)} }

/* ---- more air below the section bar ---- */
.front-rail,.front-lead,.front-column{padding-top:44px}
@media (max-width:820px){ .front-lead{padding-top:28px} .front-rail,.front-column{padding-top:26px} }

/* ---- no vertical column rules; whitespace separates columns ---- */
.front-rail,.front-column{border-left:0 !important;border-right:0 !important}
.front{column-gap:0}
.front-rail{padding-right:40px}
.front-column{padding-left:40px}
.front-lead{padding-left:20px;padding-right:20px}
@media (max-width:1200px){ .front-rail{padding-right:28px} .front-column{padding-left:28px} .front-lead{padding-left:10px;padding-right:10px} }
@media (max-width:820px){ .front-rail,.front-column{padding-left:0;padding-right:0;border-top:1px solid var(--rule) !important} .front-lead{padding-left:0;padding-right:0} }

/* ---- all horizontal rules hairline-fine ---- */
.sections,.mini-head,.desk,.read-next>.desk-head,.foot-grid,.foot-legal,.others .desk-bar,.all-sections .desk-bar,.format-block .desk-bar,.promo,.qotd,.article-body blockquote,.article-body .callout,.article-foot,.desk-card.no-image,.lead-figure,.continue-line,.rail-item,.desk-side-item{border-top-width:1px !important;border-bottom-width:1px !important}
.sections,.mini-head{border-bottom:1px solid var(--rule) !important}
.desk,.read-next>.desk-head,.foot-grid,.others .desk-bar,.all-sections .desk-bar,.format-block .desk-bar,.article-body blockquote,.article-body .callout{border-top:1px solid var(--rule) !important}
.promo{border:1px solid var(--rule) !important}
.article-body .callout-take{border-top-color:var(--accent) !important}

/* ---- lines only above sections ---- */
.sections,.mini-head{border-bottom:0 !important}
.rail-item,.desk-side-item,.desk-card.no-image,.lead-figure,.continue-line,.qotd,.book-list .book{border-top:0 !important;border-bottom:0 !important}
.desk-card.no-image{padding-top:0}
.continue-line{padding-top:6px}
@media (max-width:820px){ .front-rail,.front-column{border-top:0 !important} }

/* ---- no lines above individual articles ---- */
.desk-card,.format-card,.togo-item,.post-card,.section-chip,.read-next-grid>*,.archive-grid>*{border-top:0 !important;padding-top:0 !important}

/* ---- larger section heads + descriptors ---- */
.desk-head{font-size:13.5px !important;letter-spacing:.2em}
.desk-intro{font-size:17.5px !important;margin-top:8px}
.rail-head{font-size:12.5px !important}
.rail-dek{font-size:16px !important}
@media (max-width:820px){ .desk-head{font-size:12.5px !important} .desk-intro{font-size:16.5px !important} }

/* ---- fine line under section bar back; no line at the very bottom ---- */
.sections,.mini-head{border-bottom:1px solid var(--rule) !important}
.home-mobile{border-bottom:1px solid var(--rule) !important}
.foot-legal{border-top:0 !important}

/* ---- what others say: no grey fill for empty slots ---- */
.others-grid{background:transparent !important;border:0 !important;gap:16px !important}
.others-card{border:1px solid var(--rule)}

/* ---- what others say: feature images ---- */
.others-card.has-img{padding-top:0}
.others-figure{display:block;margin:0 -24px 6px}
.others-figure img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}

/* ---- typography: Literata text, Libre Franklin UI ---- */
body{font-size:17px}
.article-body{font-size:19px;line-height:1.65;max-width:70ch}
.page-body{font-size:19px;line-height:1.65;max-width:min(100%,68rem);padding:0 var(--pad);box-sizing:border-box}
.page-body>:is(p,ul,ol,blockquote,h2,h3,h4,hr){max-width:70ch;margin-left:auto;margin-right:auto}
.article-body blockquote,.article-body blockquote p{font-family:var(--display);font-style:italic}
.article-body blockquote cite{display:block;margin-top:12px;font-family:var(--ui);font-style:normal;font-size:13px;line-height:1.4;letter-spacing:.02em;color:var(--ink-3)}
.article-body .callout{font-size:18px}
.kg-callout-card,.kg-toggle-card,.kg-header-card,.kg-callout-text,.kg-toggle-content{font-family:var(--body)}
.kg-toggle-heading-text,.kg-header-card h2,.kg-header-card-header,.kg-product-card-title{font-family:var(--display)}
.kg-header-card-subheader,.kg-btn,.kg-button-card a,.kg-card figcaption,.kg-bookmark-card,.kg-file-card{font-family:var(--ui)}
.article-body .callout.finding .callout-label{margin-bottom:10px}
.article-body .callout.finding p:first-of-type{margin:0 0 8px;font-size:20px;font-weight:600;line-height:1.4;color:var(--ink)}
.article-body .callout.finding .callout-source,.article-body .callout.finding cite{display:block;font-family:var(--ui);font-style:normal;font-size:13px;line-height:1.45;color:var(--ink-3)}
.article-body .callout.questions ol,.article-body .callout.questions ul{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.article-body .callout.questions li,.article-body .callout.questions p{margin:0;padding:2px 0 2px 18px;border-left:1px solid var(--rule)}
.article-body .callout.questions .callout-label{padding:0;border:0}
.article-body .numbers{margin:2.2em 0;display:grid;gap:22px}
.article-body .numbers .number{display:grid;grid-template-columns:auto minmax(0,1fr);gap:22px;align-items:baseline;padding-top:18px;border-top:1px solid var(--rule)}
.article-body .numbers .number-value{font-family:var(--display);font-weight:700;font-size:clamp(52px,6vw,72px);line-height:1;letter-spacing:-.02em;color:var(--accent);font-variant-numeric:lining-nums}
.article-body .numbers .number-context{font-size:17px;line-height:1.5;color:var(--ink-2)}
.article-body .numbers .callout-label{margin-bottom:0}
@media (max-width:820px){
  body{font-size:16.5px}
  .article-body,.page-body{font-size:18px;line-height:1.65}
  .article-body .numbers .number{grid-template-columns:minmax(0,1fr);gap:8px}
}

/* ---- what others say: 1a, no cards ---- */
.others-grid{gap:36px !important}
.others-card,.others-card.has-img{border:0 !important;background:none !important;padding:0 !important;gap:10px}
.others-card:hover{background:none !important}
.others-card:hover .others-title{color:var(--accent)}
.others-figure{margin:0 0 6px !important}
.others-source{display:none}
.others-pub{font-family:var(--display);font-style:italic;font-weight:600;font-size:26px;line-height:1.1;color:var(--accent);padding-bottom:10px;border-bottom:1px solid var(--rule)}
.others-title{font-size:19px}
.others-text{font-size:15.5px}
.others-link{font-size:10.5px;letter-spacing:.14em;color:var(--ink-3)}

.others-head{display:flex;flex-direction:column;gap:4px;padding-bottom:10px;border-bottom:1px solid var(--rule)}
.others-head .others-pub{padding-bottom:0;border-bottom:0}
.others-date{font-family:var(--ui);font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}

.others-head{gap:5px}
.others-date{font-size:9.5px}

.others-world{margin-top:30px}

/* ---- what others say / around the world: 1a on cream, no image ---- */
.others-grid{gap:16px !important}
.others-card,.others-card.has-img{background:#fbf7ec !important;padding:28px 28px 26px !important;gap:12px}
.others-card:hover{background:#f6f0df !important}
.others-figure{display:none !important}
.others-pub{font-size:30px}
.others-head{gap:5px;padding-bottom:14px}
.others-title{font-size:21px;line-height:1.24}
.others-text{font-size:16.5px;line-height:1.55}

.others-head:not(:has(.others-pub)):not(:has(.others-date:not([hidden]))){display:none}
.others-head:not(:has(.others-pub)){border-bottom:0;padding-bottom:0}

.others-head:has(.others-pub:not([hidden])){border-bottom:1px solid var(--rule);padding-bottom:14px}
.others-head:not(:has(.others-pub:not([hidden]))){border-bottom:0;padding-bottom:0}
.others-head:not(:has(.others-pub:not([hidden]))):not(:has(.others-date:not([hidden]))){display:none}

/* ---- closing newsletter band ---- */
.closer{max-width:var(--max);margin:56px auto 0;padding:0 var(--pad)}
.closer-inner{background:#fbf7ec;padding:64px 40px 56px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px}
.closer-kicker{font-family:var(--ui);font-weight:600;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--accent)}
.closer-title{font-family:var(--display);font-weight:700;font-size:clamp(30px,4vw,46px);line-height:1.08;letter-spacing:-.02em;margin:0;text-wrap:balance}
.closer-text{margin:0;max-width:34rem;font-size:18px;line-height:1.55;color:var(--ink-2);text-wrap:pretty}
.closer-form{margin-top:12px;display:flex;gap:8px;width:100%;max-width:30rem}
.closer-form .promo-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.closer-input{flex:1;min-width:0;min-height:48px;background:#fff;border:1px solid var(--rule);font-family:var(--ui);font-size:15px;padding:12px 14px;color:var(--ink)}
.closer-button{min-height:48px;border:0;background:var(--accent);color:#fff;font-family:var(--ui);font-weight:600;font-size:12px;letter-spacing:.12em;text-transform:uppercase;padding:0 22px;cursor:pointer}
.closer-button:hover{background:var(--ink)}
.closer-button .promo-button-busy,.closer-form.loading .promo-button-idle{display:none}
.closer-form.loading .promo-button-busy{display:inline}
.closer-fine{margin:4px 0 0;font-family:var(--ui);font-size:12px;color:var(--ink-3)}
.closer .promo-msg{margin:0}
@media (max-width:820px){
  .closer{margin-top:40px}
  .closer-inner{padding:44px 22px 40px}
  .closer-form{flex-direction:column}
  .closer-button{width:100%}
}

.closer{margin-bottom:-48px}
.closer + *{margin-top:0}

/* ---- small newsletter box: cream, theme fonts ---- */
.promo{background:#fbf7ec !important;border:0 !important;padding:24px 22px !important}
.promo-title{font-family:var(--display);font-weight:700;font-size:22px;line-height:1.14;letter-spacing:-.01em}
.promo-text{font-family:var(--display);font-style:italic;font-size:16px;line-height:1.5;color:var(--ink-2)}
.promo-input,.promo-button,.promo-msg,.promo-fineprint,.promo-label{font-family:var(--ui)}
.promo-fineprint{font-size:12px;color:var(--ink-3)}

.site-footer{margin-top:0}
.site-main + .closer,.closer{margin-bottom:0 !important}
.closer{padding-bottom:48px}

/* ---- signup feedback ---- */
form.success .promo-msg.success,form.error .promo-msg.error{display:block !important}
.closer-form{flex-wrap:wrap}
.closer-form .promo-msg{flex-basis:100%;margin:6px 0 0;font-family:var(--ui);font-size:14px}
form.success .closer-input,form.success .closer-button,form.success .promo-input,form.success .promo-button{display:none}
.promo-msg.success{color:var(--ink)}
.promo-msg.error{color:var(--accent)}
form.loading button{opacity:.7;pointer-events:none}
.tot-toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);opacity:0;z-index:1000;max-width:calc(100% - 32px);width:26rem;background:var(--ink);color:#fff;padding:18px 22px;display:flex;flex-direction:column;gap:4px;box-shadow:0 10px 30px rgba(0,0,0,.18);transition:opacity .25s,transform .25s}
.tot-toast.show{opacity:1;transform:translate(-50%,0)}
.tot-toast strong{font-family:var(--display);font-weight:600;font-size:19px}
.tot-toast span{font-family:var(--ui);font-size:14px;line-height:1.45;color:#e8e4dc}
.tot-toast.is-error{background:var(--accent)}

/* ---- one-post sections share a row ---- */
@media (min-width:821px){
  .desks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:40px;grid-auto-flow:row dense}
  .desks > *{grid-column:1/-1}
  .desks > .desk:has(.desk-grid > .desk-card:only-child){grid-column:auto}
  .desk:has(.desk-grid > .desk-card:only-child) .desk-grid{grid-template-columns:minmax(0,1fr)}
  .desk:has(.desk-grid > .desk-card:only-child) .desk-all{font-size:11px}
}

/* ---- Talent10 before the world map; map on cream ---- */
.t10{max-width:var(--max);margin:56px auto 0;padding:0 var(--pad)}
.t10-card{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:40px;align-items:center;color:inherit;text-decoration:none;margin-top:22px}
.t10-figure{margin:0}
.t10-figure img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.t10-body{display:flex;flex-direction:column;gap:14px}
.t10-title{font-family:var(--display);font-weight:700;font-size:clamp(26px,2.6vw,36px);line-height:1.12;margin:0;text-wrap:balance}
.t10-dek{margin:0;font-size:18px;line-height:1.55;color:var(--ink-2);text-wrap:pretty}
.t10-link{font-family:var(--ui);font-weight:600;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.t10-card:hover .t10-title{color:var(--accent)}
.world-cream{background:#fbf7ec !important;padding-top:56px !important;padding-bottom:48px !important;margin-top:56px !important}
@media (max-width:820px){
  .t10{margin-top:40px}
  .t10-card{grid-template-columns:1fr;gap:18px}
  .world-cream{padding-top:36px !important;padding-bottom:32px !important;margin-top:40px !important}
}

/* ---- mobile burger: red on cream ---- */
@media (max-width:820px){
  .mini-head .nav-burger{width:44px;height:44px;justify-content:center;align-items:center;padding:0 !important;background:#fbf7ec;border-radius:0}
  .nav-burger-bars span{background:var(--accent);width:20px;height:2px;transition:transform .2s,opacity .2s}
  .nav-burger[aria-expanded="true"] .nav-burger-bars span:nth-child(1){transform:translateY(6px) rotate(45deg)}
  .nav-burger[aria-expanded="true"] .nav-burger-bars span:nth-child(2){opacity:0}
  .nav-burger[aria-expanded="true"] .nav-burger-bars span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
  .mini-nav.is-open{background:#fbf7ec;max-width:none;padding:6px var(--pad) 14px}
  .mini-nav.is-open ul{padding:0}
  .mini-nav li{border-top:1px solid #e6dfcc !important}
  .mini-nav li:first-child{border-top:0 !important}
  .mini-nav li a{text-align:left !important;padding:15px 0 !important;font-family:var(--ui);font-weight:600;font-size:13px;letter-spacing:.12em;color:var(--accent) !important}
  .mini-nav li a:hover{color:var(--ink) !important;text-decoration:none}
}

.more-elsewhere{margin-top:24px}
@media (max-width:820px){.more-elsewhere{padding-top:40px}}

.archive-count{display:none}
.archive-dek{display:block !important}
.archive-dek:empty{display:none !important}

/* Lies About Learning: the title is the lie, struck through by hand — one stroke per piece */
.lie{background:no-repeat 0 55%/100% 100%;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 .08em}
.lie-1{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 20' preserveAspectRatio='none'%3E%3Cpath d='M1 11 C14 10 26 12 40 11 S70 10 99 11.5' fill='none' stroke='%23c1121f' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E")}
.article-title .lie-1,.lead-title .lie-1{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 20' preserveAspectRatio='none'%3E%3Cpath d='M1 11 C14 10 26 12 40 11 S70 10 99 11.5' fill='none' stroke='%23c1121f' stroke-width='3.9600000000000004' stroke-linecap='round' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E")}
.lie-2{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 20' preserveAspectRatio='none'%3E%3Cpath d='M2 10.5 C20 11.5 38 10 55 11 S82 12 98 10.5' fill='none' stroke='%23c1121f' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E")}
.article-title .lie-2,.lead-title .lie-2{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 20' preserveAspectRatio='none'%3E%3Cpath d='M2 10.5 C20 11.5 38 10 55 11 S82 12 98 10.5' fill='none' stroke='%23c1121f' stroke-width='3.42' stroke-linecap='round' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E")}
.lie-3{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 20' preserveAspectRatio='none'%3E%3Cpath d='M0 12 C12 11 30 10.5 50 11 C68 11.5 86 10 100 10.8' fill='none' stroke='%23c1121f' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E")}
.article-title .lie-3,.lead-title .lie-3{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 20' preserveAspectRatio='none'%3E%3Cpath d='M0 12 C12 11 30 10.5 50 11 C68 11.5 86 10 100 10.8' fill='none' stroke='%23c1121f' stroke-width='4.32' stroke-linecap='round' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E")}
.lie-4{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 20' preserveAspectRatio='none'%3E%3Cpath d='M1 11 C25 10 45 12 66 11 S90 10.5 99 12 M4 12.5 C30 11.8 60 12.8 96 11.6' fill='none' stroke='%23c1121f' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E")}
.article-title .lie-4,.lead-title .lie-4{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 20' preserveAspectRatio='none'%3E%3Cpath d='M1 11 C25 10 45 12 66 11 S90 10.5 99 12 M4 12.5 C30 11.8 60 12.8 96 11.6' fill='none' stroke='%23c1121f' stroke-width='3.06' stroke-linecap='round' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E")}
.lie-5{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 20' preserveAspectRatio='none'%3E%3Cpath d='M1.5 10.8 C18 11.8 34 11.2 52 10.4 S84 11.6 99 11.2' fill='none' stroke='%23c1121f' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E")}
.article-title .lie-5,.lead-title .lie-5{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 20' preserveAspectRatio='none'%3E%3Cpath d='M1.5 10.8 C18 11.8 34 11.2 52 10.4 S84 11.6 99 11.2' fill='none' stroke='%23c1121f' stroke-width='3.7800000000000002' stroke-linecap='round' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E")}
.lie-6{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 20' preserveAspectRatio='none'%3E%3Cpath d='M0 11.6 C22 10.6 44 11.4 60 10.8 S88 10.4 97 11.8 L100 12.4' fill='none' stroke='%23c1121f' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E")}
.article-title .lie-6,.lead-title .lie-6{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 20' preserveAspectRatio='none'%3E%3Cpath d='M0 11.6 C22 10.6 44 11.4 60 10.8 S88 10.4 97 11.8 L100 12.4' fill='none' stroke='%23c1121f' stroke-width='4.14' stroke-linecap='round' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E")}
.lie-7{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 20' preserveAspectRatio='none'%3E%3Cpath d='M2 11.2 C16 10.2 36 11.8 50 11 S76 10.2 99.5 11' fill='none' stroke='%23c1121f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E")}
.article-title .lie-7,.lead-title .lie-7{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 20' preserveAspectRatio='none'%3E%3Cpath d='M2 11.2 C16 10.2 36 11.8 50 11 S76 10.2 99.5 11' fill='none' stroke='%23c1121f' stroke-width='3.6' stroke-linecap='round' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E")}

.wm-the{display:block;font-style:italic;font-weight:400;font-size:.5em;line-height:1;letter-spacing:0;color:var(--accent);margin-bottom:.08em}
.wm-main{display:block}
.mini-tagline{display:none}
.masthead-tagline{color:var(--accent);font-size:17px;letter-spacing:.18em;margin-top:10px}
@media (min-width:641px){.masthead{padding-bottom:16px}}
@media (max-width:820px){
  .mini-mark{font-size:28px;letter-spacing:-.03em}
  .mini-tagline{display:inline-block;margin-top:6px;font-family:var(--ui);font-weight:600;font-size:8.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);white-space:nowrap}
  .mini-inner{align-items:center}
}

.foot-tagline{display:block;margin-top:10px;font-family:var(--ui);font-weight:600;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}

/* ---- desktop sub-pages: more air above section bar ---- */
@media (min-width:821px){
  .mini-mark{font-size:34px}
  .mini-inner{padding-top:20px;padding-bottom:16px}
  .mini-nav{padding-top:0;padding-bottom:14px}
}

/* ---- quiz card (left rail, under signup) ---- */
.quiz-card{display:block;margin-top:34px;color:var(--ink)}
.quiz-card:hover{text-decoration:none}
.quiz-img{display:block;width:100%;height:auto;margin:0 0 12px}
.quiz-title{display:block;font-family:var(--display);font-weight:600;font-size:18px;line-height:1.28;color:var(--ink)}
.quiz-card:hover .quiz-title{color:var(--accent)}
.quiz-card .quiz-more{color:var(--accent)}

/* ---- wordmark in EB Garamond (the original autoris face) ---- */
.masthead-title,.mini-mark,.foot-mark{font-family:'EB Garamond',Garamond,serif;font-weight:500;font-variation-settings:normal;letter-spacing:-.01em;line-height:.95}
.masthead-title{font-size:clamp(38px,6vw,80px)}
.foot-mark{font-size:27px}
.wm-the{font-weight:500}
@media (min-width:821px){.mini-mark{font-size:36px}}
@media (max-width:820px){.mini-mark{font-size:31px}}