.story-nav{min-height:88px;padding:1rem clamp(1.25rem,5vw,5.5rem);display:flex;justify-content:space-between;align-items:center;gap:1rem;background:var(--night);color:var(--paper)}
.story-back{font-size:.85rem;text-decoration:none;white-space:nowrap}.story-back span{margin-left:.5rem;color:var(--mint)}
.story-hero{padding:5rem max(1.25rem,calc((100vw - 1120px)/2)) 5.5rem;background:var(--night);color:var(--paper);border-bottom:1px solid rgba(141,224,199,.2)}
.story-hero h1{max-width:850px;font-size:clamp(3.5rem,7vw,6.5rem);line-height:1;letter-spacing:-.045em;text-wrap:balance}
.story-deck{max-width:650px;margin:2rem 0 1.5rem;color:var(--mint);font-size:clamp(1.2rem,2vw,1.6rem);line-height:1.5;text-wrap:pretty}
.story-meta{font-size:.8rem;color:#b4c7c9}.story-meta span{margin:0 .6rem}
.story-layout{max-width:1120px;margin:auto;padding:4.5rem 1.25rem 6rem;display:grid;grid-template-columns:250px minmax(0,1fr);gap:5rem;align-items:start}
.story-contents{position:sticky;top:2rem}.story-contents nav>p{margin:0 0 1.25rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;color:var(--mint-dark);font-weight:700}
.story-contents a{display:flex;gap:.75rem;padding:.85rem 0;border-bottom:1px solid var(--line);text-decoration:none;font-size:.85rem;line-height:1.45}.story-contents a span{color:var(--mint-dark);font-size:.7rem;padding-top:.15rem}.story-contents a:hover{color:var(--mint-dark)}
.story-body{min-width:0;max-width:680px;font-size:1.125rem;line-height:1.85}.story-body p{margin:0 0 1.3rem;text-wrap:pretty}.story-opening>p:first-child{font-size:1.4rem;color:var(--mint-dark)}
.story-body section{margin-top:3.5rem;padding-top:2.5rem;border-top:1px solid var(--line);scroll-margin-top:2rem}.story-body h2{margin:0 0 1.6rem;font-size:clamp(2rem,3vw,2.7rem);line-height:1.12;letter-spacing:-.025em;text-wrap:balance}.story-body h3{font-size:1.7rem;line-height:1.3;color:var(--mint-dark)}
.story-body strong{font-weight:650;color:var(--ink)}.story-body blockquote{margin:2rem 0;padding:1.25rem 1.5rem;border-left:3px solid var(--mint-dark);background:var(--paper);font-size:1.25rem;line-height:1.6}.story-body blockquote p{margin:0}
.story-end{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--line)}.story-end>p{font-family:var(--display);font-size:1.7rem;color:var(--mint-dark)}.story-end .pill{font-size:.85rem}
.story-page a:focus-visible{outline:3px solid var(--mint-dark);outline-offset:5px}
@media(max-width:900px){.story-layout{grid-template-columns:1fr;gap:3rem;max-width:720px;padding-top:2.5rem}.story-contents{position:static}.story-contents nav{padding:1.25rem;border:1px solid var(--line);border-radius:16px}.story-contents a:last-child{border-bottom:0}.story-hero{padding:3rem 1.25rem 3.5rem}.story-nav{min-height:76px}.story-back{font-size:.75rem}.story-body{font-size:1.0625rem;line-height:1.8}}
@media(max-width:380px){.story-nav .brand{gap:.4rem;font-size:1rem}.story-back span{display:none}.story-hero h1{font-size:3rem}}