/* The Reading Room: one lead, one index. Type does the work. */
.rr{--n:#0e243a;--r:#c8202f;--i:#f8f6f0;--soft:#0e243aa6;--hair:#0e243a2b;--mono:'Red Hat Mono',ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--i);color:var(--n);max-width:none!important;margin:0!important;padding-bottom:80px}
.rr *{box-sizing:border-box}
.rr-k{margin:0;font:700 11.5px/1.2 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--r)}
.rr-head,.rr-lead,.rr-index-sec,.rr-also{max-width:1400px;margin-left:auto;margin-right:auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.rr-head{padding-top:44px}
.rr-head h1{margin:12px 0 0;font:800 clamp(56px,9vw,148px)/.84 'Barlow Condensed',sans-serif;letter-spacing:-.03em;text-wrap:balance}
.rr-dek{margin:16px 0 0;max-width:52ch;font:400 20px/1.5 'Public Sans',sans-serif}
/* lead */
.rr-lead{margin-top:40px}
.rr-lead a{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:0;border-top:6px solid var(--n);color:var(--n)!important;text-decoration:none!important}
.rr-lead figure{margin:0;background:var(--n);overflow:hidden;min-height:420px}
.rr-lead figure img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s}
.rr-lead a:hover figure img{transform:scale(1.02)}
.rr-lead-copy{padding:26px 0 26px 32px;display:flex;flex-direction:column;gap:14px}
.rr-lead-copy h2{margin:0;font:800 clamp(44px,5vw,84px)/.88 'Barlow Condensed',sans-serif;letter-spacing:-.02em;text-wrap:balance}
.rr-lead-copy p:not(.rr-k){margin:0;font:400 19px/1.55 'Public Sans',sans-serif;max-width:40ch}
.rr-go{margin-top:auto;font:700 16px/1 'Public Sans',sans-serif;color:var(--r)}
/* index */
.rr-index-sec{margin-top:64px;position:relative}
.rr-ixh{display:flex;justify-content:space-between;align-items:end;gap:20px;flex-wrap:wrap;border-top:6px solid var(--n);padding-top:10px}
.rr-ixh h2{margin:0;font:800 clamp(38px,4vw,60px)/.9 'Barlow Condensed',sans-serif}
.rr-chips{display:flex;flex-wrap:wrap;gap:6px}
.rr-chips button{border:1.5px solid var(--n);background:transparent;color:var(--n);border-radius:0;padding:8px 11px;font:600 13.5px/1 'Public Sans',sans-serif;cursor:pointer}
.rr-chips button b{font:500 10.5px/1 var(--mono);margin-left:4px;opacity:.7}
.rr-chips button[aria-pressed=true]{background:var(--n);color:var(--i)}
.rr-chips button:focus-visible,.rr-index a:focus-visible,.rr-also a:focus-visible,.rr-lead a:focus-visible{outline:3px solid var(--r);outline-offset:2px}
.rr-cols,.rr-index a{display:grid;grid-template-columns:56px minmax(0,1fr) 190px 210px 64px;gap:16px;align-items:baseline}
.rr-cols{margin-top:22px;padding-bottom:8px;border-bottom:2px solid var(--n);font:700 10.5px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--soft)}
.rr-cols span:last-child,.rr-min{text-align:right}
.rr-index{list-style:none;margin:0;padding:0}
.rr-index li{border-bottom:1px solid var(--hair)}
.rr-index li[hidden]{display:none}
.rr-index a{padding:14px 0;color:var(--n)!important;text-decoration:none!important;transition:background .15s,padding .15s}
.rr-n{font:500 12px/1 var(--mono);color:var(--soft)}
.rr-index strong{font:800 clamp(24px,2.3vw,34px)/1 'Barlow Condensed',sans-serif;letter-spacing:-.005em}
.rr-place{font:600 14px/1.3 'Public Sans',sans-serif}
.rr-th{font:400 14px/1.3 'Public Sans',sans-serif;color:var(--soft)}
.rr-min{font:500 12px/1 var(--mono);color:var(--soft)}
.rr-index a:hover strong,.rr-index a:focus-visible strong{color:var(--r)}
.rr-index a:hover{background:#0e243a08;padding-left:8px;padding-right:8px}
.rr-peek{position:fixed;z-index:30;width:260px;height:180px;object-fit:cover;pointer-events:none;box-shadow:0 18px 40px #0e243a40;border:4px solid #fff}
/* also */
.rr-also{margin-top:64px}
.rr-also>div{margin-top:12px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:2px solid var(--n)}
.rr-also a{display:flex;flex-direction:column;gap:6px;padding:16px 18px 18px 0;color:var(--n)!important;text-decoration:none!important}
.rr-also a+a{border-left:1px solid var(--hair);padding-left:18px}
.rr-also strong{font:800 26px/1 'Barlow Condensed',sans-serif}
.rr-also span{font:400 14.5px/1.45 'Public Sans',sans-serif;color:var(--soft)}
.rr-also a:hover strong{color:var(--r)}
@media(max-width:1000px){
 .rr-lead a{grid-template-columns:1fr}.rr-lead figure{min-height:0;aspect-ratio:16/10}.rr-lead-copy{padding:20px 0 0}
 .rr-cols{display:none}
 .rr-index a{grid-template-columns:40px minmax(0,1fr) auto;grid-template-areas:"n t m" "n p p";row-gap:4px}
 .rr-n{grid-area:n}.rr-index strong{grid-area:t}.rr-min{grid-area:m}.rr-place{grid-area:p}.rr-th{display:none}
 .rr-also>div{grid-template-columns:1fr 1fr}.rr-also a:nth-child(3){border-left:0;padding-left:0}
 .rr-peek{display:none}
}
@media(max-width:560px){.rr-also>div{grid-template-columns:1fr}.rr-also a+a{border-left:0;padding-left:0;border-top:1px solid var(--hair)}.rr-dek{font-size:18px}}
@media(prefers-reduced-motion:reduce){.rr-lead figure img,.rr-index a{transition:none}}
/* the next story, at the end of every story (2026-11-02) */
.sn-next{max-width:900px;margin:56px auto 24px;padding:0 max(16px,env(safe-area-inset-left,0px));color:#0e243a}
.sn-k{margin:0 0 12px;padding-top:12px;border-top:6px solid #0e243a;font:700 11px/1.3 'Red Hat Mono',monospace;letter-spacing:.12em;text-transform:uppercase;color:#c8202f}
.sn-k a{color:inherit}
.sn-card{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:0;background:#0e243a;color:#f8f6f0!important;text-decoration:none!important}
.sn-card img{width:100%;height:100%;min-height:240px;object-fit:cover;display:block}
.sn-card span{display:flex;flex-direction:column;gap:10px;padding:28px}
.sn-card small{font:700 11px/1.3 'Red Hat Mono',monospace;letter-spacing:.1em;text-transform:uppercase;color:#8fb8dd}
.sn-card strong{font:800 clamp(30px,3.4vw,44px)/.95 'Barlow Condensed',sans-serif;text-wrap:balance}
.sn-card em{font:400 italic 17px/1.5 'Public Sans',sans-serif;color:#d7e0e8}
.sn-card b{margin-top:auto;font:700 14px/1 'Public Sans',sans-serif;color:#f2c94c}
.sn-card:hover strong{text-decoration:underline;text-underline-offset:4px}
.sn-prev{margin:12px 0 0;font:500 14px/1.4 'Public Sans',sans-serif}.sn-prev a{color:#0e243a}
@media(max-width:700px){.sn-card{grid-template-columns:1fr}.sn-card img{min-height:0;aspect-ratio:16/9}}
.sn-card.sn-noimg{grid-template-columns:1fr}