.story-index{display:flex;gap:12px 25px;align-items:center;flex-wrap:wrap;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;margin-bottom:55px;font-size:12px}.story-index>.mono{font-size:9px;margin-right:auto}.story-index a{color:var(--muted);display:flex;gap:12px;align-items:center;transition:color .25s}.story-index a:hover{color:var(--accent)}.story-index a span{color:var(--accent)}.extended-section{scroll-margin-top:115px}.story-heading{margin-bottom:42px;max-width:850px}.story-heading h2{font-size:clamp(36px,4.3vw,64px);line-height:1.1;margin-bottom:25px}.story-heading .lead{font-size:20px;max-width:720px}.story-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.story-card{padding:34px 30px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,#202b23,#181f1a);display:flex;flex-direction:column;transition:border-color .3s,transform .4s}.story-number{font:11px 'DM Mono',monospace;color:var(--accent);margin-bottom:45px}.story-card h3{font-size:27px;line-height:1.2}.story-card p{font-size:16px;color:var(--muted);margin-bottom:25px}.story-card a{font-size:13px;display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding-top:20px;margin-top:auto}.story-card a span{color:var(--accent)}.story-timeline{list-style:none;counter-reset:none;padding:0;margin:0 0 10px}.story-timeline li{display:grid;grid-template-columns:110px minmax(0,1fr);gap:30px;padding:32px 0;border-top:1px solid var(--line)}.story-timeline li>span{font-size:54px;line-height:1;color:#a9e7f566;letter-spacing:-.04em}.story-timeline h3{font-size:28px;margin-bottom:15px}.story-timeline p{color:var(--muted);max-width:800px;margin:0;line-height:1.7}.story-image-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(35px,6vw,90px);align-items:center}.story-image-split figure{margin:0}.story-image-split img{width:100%;height:560px;object-fit:cover;border-radius:100px 10px 10px 10px}.story-image-split figcaption{margin-top:14px;font-size:9px}.story-image-split h2{font-size:clamp(35px,4vw,58px);line-height:1.1}.story-image-split .lead{font-size:20px;margin:28px 0}.story-footnote{padding:22px;border-left:2px solid var(--accent);background:var(--panel);font-size:14px;color:var(--muted);margin:30px 0 0}.story-callout{background:#a9e7f50b;border:1px solid #a9e7f530;border-radius:12px;padding:32px;margin-top:40px;display:flex;align-items:center;justify-content:space-between;gap:35px}.story-callout h3{font-size:27px;max-width:700px}.story-callout p{color:var(--muted);font-size:16px;max-width:700px;margin:0}.story-callout .button{flex-shrink:0}.story-glossary{margin:0}.story-glossary>div{display:grid;grid-template-columns:240px minmax(0,1fr);gap:45px;border-top:1px solid var(--line);padding:28px 0}.story-glossary dt{font-size:25px;letter-spacing:-.03em}.story-glossary dd{color:var(--muted);margin:0}.story-questions{max-width:1000px}
@media(hover:hover) and (pointer:fine){.story-card:hover{border-color:#a9e7f550;transform:translateY(-4px)}}
@media(max-width:1000px){.story-cards{gap:15px}.story-card{padding:27px 22px}.story-image-split{gap:35px}.story-callout{align-items:start;flex-direction:column}.story-glossary>div{grid-template-columns:190px minmax(0,1fr);gap:25px}}
@media(max-width:800px){.story-cards{grid-template-columns:1fr}.story-number{margin-bottom:25px}.story-card a{margin-top:10px}.story-image-split{grid-template-columns:1fr}.story-image-split img{height:420px}.story-timeline li{grid-template-columns:65px minmax(0,1fr);gap:20px}.story-timeline li>span{font-size:42px}.story-glossary>div{grid-template-columns:1fr;gap:12px}.story-index{gap:15px 22px;margin-bottom:35px}.story-index>.mono{width:100%}.story-heading{margin-bottom:30px}.story-heading .lead,.story-image-split .lead{font-size:18px}}
@media(max-width:480px){.story-heading h2{font-size:36px}.story-timeline li{grid-template-columns:42px minmax(0,1fr);gap:12px;padding:25px 0}.story-timeline li>span{font-size:34px}.story-timeline h3{font-size:24px}.story-timeline p{font-size:16px}.story-image-split img{height:350px}.story-callout{padding:25px;gap:22px}.story-callout .button{width:100%}.story-index{font-size:11px;gap:15px}.story-card{padding:28px}.extended-section{scroll-margin-top:90px}}
@media(prefers-reduced-motion:reduce){.story-card,.story-index a{transition:none}.story-card:hover{transform:none}}
body[data-page] #site-header{position:sticky;top:0;z-index:30}