:root{--paper:#f1eadc;--ink:#141412;--red:#c82f2a;--blue:#1479e8;--line:#bdb3a3;--white:#fffaf0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:70px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}button,a,input,select{font:inherit}.topbar{height:62px;position:fixed;inset:0 0 auto;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:rgba(241,234,220,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.wordmark{display:flex;align-items:center;gap:9px;text-decoration:none;font-weight:900;text-transform:uppercase;font-size:.78rem;letter-spacing:.08em}.wordmark span{display:grid;place-items:center;width:32px;height:32px;background:var(--ink);color:var(--paper)}.chapter-button{border:0;background:none;text-transform:uppercase;font-size:.65rem;letter-spacing:.08em;text-align:right}.chapter-button b{display:block;font-size:.8rem}.drawer{position:fixed;z-index:80;inset:auto 0 0;background:var(--ink);color:white;padding:20px 18px calc(28px + env(safe-area-inset-bottom));max-height:86vh;overflow:auto}.drawer-head{display:flex;justify-content:space-between;align-items:center;text-transform:uppercase;letter-spacing:.08em}.drawer-close{font-size:2rem;color:white;border:0;background:none}.drawer nav{display:grid;margin-top:16px}.drawer a{color:white;text-decoration:none;display:grid;grid-template-columns:42px 1fr;gap:12px;padding:15px 0;border-top:1px solid #444}.drawer i{color:#999;font-style:normal}.drawer span{font-weight:800}.drawer small{display:block;color:#aaa;font-weight:400;margin-top:3px}.scrim{position:fixed;z-index:70;inset:0;background:#0009}.chapter{min-height:100svh;padding:94px 18px 100px;border-bottom:1px solid var(--line)}.signal,.kicker{display:flex;gap:12px;color:#625d54;font-size:.65rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.signal span+span:before{content:'•';margin-right:12px}h1,h2{font-size:clamp(3.7rem,18vw,8.5rem);line-height:.82;letter-spacing:-.07em;text-transform:uppercase;margin:28px 0 22px;max-width:1100px}h1 em,h2 em{font:italic .9em Georgia,serif;text-transform:none;color:var(--red)}.lede,.intro{font-family:Georgia,serif;font-size:1.2rem;line-height:1.45;max-width:720px}.listen{width:100%;display:grid;grid-template-columns:46px 1fr;gap:1px;text-align:left;align-items:center;background:var(--ink);color:white;border:0;margin:28px 0;padding:14px}.listen span{grid-row:1/3;font-size:1.6rem}.listen small{color:#aaa}.question{border-top:4px solid var(--ink);margin-top:45px;padding:18px 0}.question span,.share>span{font-size:.65rem;text-transform:uppercase;letter-spacing:.12em;font-weight:900}.question p{font-size:1.55rem;line-height:1.1;font-weight:800;max-width:770px}.steps{display:flex;overflow:auto;scroll-snap-type:x mandatory;gap:10px;margin:35px -18px 0;padding:0 18px}.steps article{flex:0 0 78vw;scroll-snap-align:center;background:var(--white);border:1px solid var(--line);padding:20px;min-height:210px}.steps b{color:var(--red)}.steps h3{font-size:2rem;margin:45px 0 5px}.steps p{color:#625d54}.dark{background:var(--ink);color:white}.dark .kicker,.dark .intro,.dark .note{color:#aaa}.filters{display:flex;overflow:auto;gap:8px;margin:30px 0}.filters button{border:1px solid #777;color:white;background:none;padding:9px 13px;white-space:nowrap}.filters button.active{background:white;color:var(--ink)}.chart{position:relative;padding:20px 0 0 30px}.chart svg{width:100%;overflow:visible}.chart polyline{fill:none;stroke:#fff;stroke-width:5;transition:opacity .25s,stroke-width .25s}.chart .series{stroke-width:2;opacity:.2}.grid path{stroke:#444;stroke-width:1}.events path{stroke:#666;stroke-dasharray:5 7}.chart-y{position:absolute;inset:20px auto 22px 0;display:flex;flex-direction:column;justify-content:space-between;color:#777;font-size:.65rem}.years{display:flex;justify-content:space-between;color:#888;font-size:.65rem}.note{font-size:.78rem;border-left:3px solid var(--red);padding-left:12px;margin-top:25px}.timeline{margin-top:40px}.timeline article{display:grid;grid-template-columns:78px 1fr;gap:12px;padding:24px 0;border-top:1px solid var(--line)}.timeline time{font-size:1.45rem;font-weight:900;color:var(--red)}.timeline h3{margin:0;font-size:1.3rem}.timeline p{color:#625d54;line-height:1.5}.tracker{background:#ddd4c5}.tracker-controls{display:grid;gap:10px;margin:30px 0}.tracker-controls label span{display:block;font-size:.65rem;text-transform:uppercase;font-weight:900;margin-bottom:5px}.tracker-controls input,.tracker-controls select{width:100%;border:1px solid var(--ink);background:var(--paper);padding:14px}.cards{display:grid;gap:10px}.cards article{background:var(--white);padding:18px;border:1px solid var(--line)}.cards article>div,.cards footer{display:flex;justify-content:space-between}.cards time{font-weight:900;color:var(--red)}.cards h3{font-size:1.3rem}.cards p{color:#625d54}.cards footer{align-items:end;border-top:1px solid var(--line);padding-top:12px}.cards footer b{font-size:.65rem;text-transform:uppercase}.cards footer strong{font-size:2rem}.warning{font-size:.75rem;color:#625d54;margin-top:22px}.score-grid{display:grid;gap:8px;margin-top:35px}.score-grid article{display:grid;grid-template-columns:42px 1fr;align-items:center;background:var(--ink);color:white;padding:12px 16px}.score-grid b{font-size:1.5rem;color:var(--red)}.score-grid h3{margin:0;font-size:1rem}.share{margin:64px -18px -100px;padding:40px 18px 140px;background:var(--red);color:white}.share h3{font:italic 2.4rem/1 Georgia,serif;max-width:500px}.share-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.share-grid a,.share-grid button{color:white;background:#0002;border:1px solid #fff8;text-decoration:none;padding:15px;text-align:left;cursor:pointer}.site-footer{background:var(--ink);color:white;padding:40px 18px 130px;display:flex;justify-content:space-between;gap:20px}.site-footer a{color:white}.player{position:fixed;z-index:60;inset:auto 8px calc(8px + env(safe-area-inset-bottom));background:#fff;color:var(--ink);box-shadow:0 8px 40px #0005;display:grid;grid-template-columns:46px 1fr auto auto auto;align-items:center;padding:10px;gap:9px}.player-main{border:0;background:var(--red);color:white;width:42px;height:42px}.player-copy{min-width:0}.player-copy small,.player-copy strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-copy small{font-size:.58rem;text-transform:uppercase}.progress{display:block;width:100%;height:4px;border:0;background:#ddd;padding:0;margin-top:5px}.progress i{display:block;width:0;height:100%;background:var(--red)}.player time{font-size:.7rem}.auto{font-size:.55rem;text-transform:uppercase;border:0;background:#eee;padding:6px}.auto.active{background:var(--ink);color:white}.next{font-size:1.6rem;border:0;background:none}.toast{position:fixed;z-index:100;left:50%;bottom:100px;transform:translate(-50%,20px);background:var(--ink);color:white;padding:10px 16px;opacity:0;transition:.2s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:760px){.topbar{padding:0 32px}.chapter{padding:120px max(5vw,32px)}.hero{display:grid;grid-template-columns:1.4fr .6fr;gap:40px}.hero>.signal,.hero>h1,.hero>.lede,.hero>.listen{grid-column:1}.hero>.question{grid-column:2;grid-row:2/4}.hero>.steps{grid-column:1/3}.listen{max-width:430px}.steps{overflow:visible;margin:35px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,1fr)}.steps article{min-width:0;min-height:240px}.tracker-controls{grid-template-columns:2fr 1fr}.cards{grid-template-columns:repeat(2,1fr)}.score-grid{grid-template-columns:repeat(5,1fr)}.score-grid article{display:block;min-height:150px}.share{margin:80px max(-5vw,-32px) -100px;padding-left:max(5vw,32px);padding-right:max(5vw,32px)}.share-grid{grid-template-columns:repeat(5,1fr)}.player{left:50%;right:auto;transform:translateX(-50%);width:min(680px,calc(100% - 24px))}.drawer{inset:62px 0 0 auto;width:420px}.scrim{top:62px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
.wordmark{color:var(--ink)}.source{display:inline-block;color:inherit;font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em;margin:5px 0 12px;text-underline-offset:3px}.dark .source{color:#fff}:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.auto{min-height:42px;font-size:.62rem}.next{min-width:34px;min-height:42px}