.story-page{background:var(--paper);color:var(--text)}
.story-main{max-width:1200px;margin:auto;padding:clamp(24px,5vw,72px) clamp(20px,4vw,48px) 80px}
.story-intro{max-width:900px;padding-bottom:clamp(30px,5vw,64px);border-bottom:1px solid var(--stroke)}
.story-eyebrow{color:var(--teal);font-weight:750;letter-spacing:.12em;font-size:.78em}
.story-intro h1{font-size:clamp(42px,6vw,78px);line-height:1.06;letter-spacing:-.045em;margin:22px 0}
.story-intro h1 em{font-style:normal;color:var(--teal)}
.story-lead{max-width:640px;font-size:1.15em;line-height:1.65;margin-bottom:26px}
.story-byline{font-size:.8em;color:var(--muted);line-height:1.7}
.story-layout{display:grid;grid-template-columns:200px minmax(0,1fr);gap:clamp(30px,4vw,64px);padding-top:36px;align-items:start}
.story-nav{position:sticky;top:24px;display:grid;gap:5px;font-size:.85em}
.story-nav>p{font-size:.8em;letter-spacing:.12em;color:var(--muted);margin:0 0 12px}
.story-nav a{display:flex;gap:10px;padding:10px 0;text-decoration:none;line-height:1.5;color:var(--text)}
.story-nav a span{color:var(--teal);font-size:.85em;min-width:22px;padding-top:2px}
.story-nav a:hover{text-decoration:underline;text-underline-offset:5px}
.story-copy{max-width:70ch;min-width:0;font-size:1.05em;line-height:1.85}
.story-copy section{scroll-margin-top:26px}
.story-copy h2{font-size:1.3em;line-height:1.3;letter-spacing:-.02em;margin:0 0 22px}
.story-copy section+section{margin-top:50px}
.story-copy p{margin:0 0 24px}
.story-copy section:first-child>p:first-of-type{font-size:1.14em;line-height:1.8}
.story-copy sup{font-size:.7em;line-height:0;white-space:nowrap}
.story-copy sup a{padding:6px 3px;text-decoration:none;font-family:inherit}
.story-copy :target{outline:2px solid var(--teal);outline-offset:8px;border-radius:2px}
.story-copy section:target{outline:none}
.story-sources{border-top:1px solid var(--stroke);padding-top:32px;font-size:.85em;line-height:1.7}
.story-sources ol{padding-left:25px}
.story-sources li{padding:0 0 24px 8px;scroll-margin-top:30px;overflow-wrap:anywhere}
.story-sources li::marker{color:var(--teal);font-weight:700}
.story-sources li>a:first-child{font-weight:650;text-underline-offset:4px}
.story-sources li p{margin:9px 0;color:var(--muted)}
.story-return{font-size:.9em}
.story-next{border-top:1px solid var(--stroke);padding-top:30px;display:grid;gap:12px;font-size:.9em}
.story-next h2{margin-bottom:5px}.story-next a{display:block;min-height:44px;padding:8px 0;text-underline-offset:5px}
@media(max-width:780px){.story-layout{grid-template-columns:1fr;gap:32px}.story-nav{position:static;display:flex;flex-wrap:wrap;gap:4px 20px;padding-bottom:22px;border-bottom:1px solid var(--stroke)}.story-nav>p{width:100%;margin-bottom:5px}.story-nav a{padding:8px 0}.story-copy{max-width:none}.story-intro h1{font-size:clamp(40px,9vw,64px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{.story-nav,.story-next,.story-return,.story-page>header,.story-copy sup{display:none}.story-main{max-width:none;padding:0}.story-layout{display:block}.story-copy{max-width:none;font-size:11pt}.story-intro h1{font-size:32pt}.story-copy section{break-inside:auto}.story-copy h2{break-after:avoid}.story-copy :target{outline:none}}
