.story-page{padding-bottom:16px}.story-hero{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:32px 64px;padding:32px 0 48px;display:grid}.story-back,.story-link{min-height:44px;color:var(--blue);align-items:center;font-size:14px;display:inline-flex}.story-back{color:var(--muted)}.story-hero-meta{flex-wrap:wrap;gap:8px 20px;margin:16px 0 12px;display:flex}.story-hero-meta,.story-section-label,.story-board-heading,.story-route-heading{font:12px/1.6 var(--mono);color:var(--muted)}.story-hero h1{font-size:38px;line-height:1.2}.story-hero-subtitle{color:var(--blue);max-width:30ch;margin-top:12px;font-size:24px;line-height:1.4}.story-hero-aside{align-self:end}.story-page p{max-width:65ch;color:var(--muted)}.story-hero-actions,.story-cta-links{flex-wrap:wrap;align-items:center;gap:8px 24px;margin-top:16px;display:flex}.story-hero-note{color:var(--muted);font-size:13px}.story-link:hover{text-underline-offset:4px;text-decoration:underline}@media (prefers-reduced-motion:no-preference){body:not([data-keyboard]) :is(.story-link,.story-back):active{transform:translateY(1px)}}.story-board{background:var(--soft);grid-column:1/-1;padding:24px}.story-board-heading{flex-wrap:wrap;justify-content:space-between;gap:8px 24px;display:flex}.story-board-flow{align-items:stretch;gap:12px;margin:24px 0;display:flex}.story-board-node{border-top:1px solid var(--line);flex-direction:column;flex:1 1 0;gap:12px;min-width:0;padding:12px 0;display:flex}.story-board-node strong{overflow-wrap:anywhere;font-size:18px;line-height:1.4}.story-board-node span{color:var(--muted);font-size:13px;line-height:1.6}.story-board-node--winner{border-color:var(--blue)}.story-board-node--winner strong{color:var(--blue)}.story-board-arrow{color:var(--muted);align-self:center}.story-board-caption{font-size:14px}.story-question,.story-routes,.story-gates,.story-boundary,.story-cta{border-bottom:1px solid var(--line);padding:40px 0}.story-question,.story-section-intro,.story-cta{grid-template-columns:180px minmax(0,1fr);gap:32px;display:grid}.story-page h2{max-width:38ch;font-size:24px;line-height:1.4}.story-page h2+p,.story-question p+p{margin-top:16px}.story-section-intro{margin-bottom:24px}.story-route-list,.story-gate-list{border-top:1px solid var(--line)}.story-route{border-bottom:1px solid var(--line);grid-template-columns:32px minmax(0,1.1fr) minmax(0,1.5fr) minmax(0,1.4fr);align-items:baseline;gap:24px;padding:20px 0;display:grid}.story-route h3{overflow-wrap:anywhere;font-size:18px}.story-route p{font-size:14px}.story-route>strong,.story-gate-list li>span{font:12px/1.6 var(--mono);color:var(--muted)}.story-route-heading{padding-block:12px}.story-gate-list{margin:0;padding:0;list-style:none}.story-gate-list li{border-bottom:1px solid var(--line);grid-template-columns:32px minmax(0,1fr) minmax(0,2fr);gap:24px;padding:20px 0;display:grid}.story-gate-list p{font-size:14px}.story-boundary-grid{grid-template-columns:1fr 1fr;gap:48px;margin-left:212px;display:grid}.story-boundary-mark{font-size:18px}.story-boundary-grid ul{color:var(--muted);margin:12px 0 0;padding-left:20px}.story-boundary-grid li+li{margin-top:8px}.story-cta{border-bottom:0}@media (width<=850px){.story-hero{gap:28px}.story-hero-meta{grid-template-columns:96px minmax(0,1fr);display:grid}.story-hero-meta>span:last-child{grid-column:1/-1}.story-board-heading{flex-direction:column}.story-question,.story-section-intro,.story-cta{grid-template-columns:140px minmax(0,1fr);gap:24px}.story-boundary-grid{gap:24px;margin-left:164px}.story-board-flow{flex-direction:column;gap:8px}.story-board-node{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:16px;display:grid}.story-board-arrow{transform:rotate(90deg)}}@media (width<=640px){.story-hero,.story-question,.story-section-intro,.story-cta,.story-boundary-grid{grid-template-columns:1fr;gap:20px}.story-hero{padding-top:20px}.story-hero h1{font-size:32px}.story-hero-subtitle{font-size:22px}.story-board{padding:20px}.story-boundary-grid{gap:28px;margin-left:0}.story-route{grid-template-columns:24px minmax(0,1fr);gap:8px 16px}.story-route p{grid-column:2}.story-route-heading{display:none}.story-gate-list li{grid-template-columns:24px minmax(0,1fr);gap:8px 16px}.story-gate-list p{grid-column:2}}