body.story{overflow:auto}.story .brand{color:inherit;text-decoration:none}.story-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;max-width:1320px;margin:0 auto;padding:36px 28px 80px;display:grid}.story-text{max-width:620px;font-size:15.5px;line-height:1.6}.story-kicker{color:var(--accent);text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:13px;font-weight:600}.story-text h1{letter-spacing:-.02em;margin:6px 0 14px;font-size:34px;line-height:1.1}.story-lede{color:var(--muted);font-size:17px}.story-text section{margin-top:36px}.story-text h2{align-items:center;gap:10px;margin:0 0 8px;font-size:21px;display:flex}.story-text .num{background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:26px;height:26px;font-size:14px;display:grid}.story-jump{margin-top:4px}.story-diagram{width:100%;max-width:560px;margin:8px 0}.d-text{font:17px var(--mono);fill:var(--text)}.d-label{font:600 13px var(--mono);fill:var(--tint-idat)}.d-src{fill:none;stroke:var(--tint-idat);stroke-width:1.5px}.d-dst{fill:color-mix(in srgb, var(--tint-idat) 30%, transparent)}.d-arc{fill:none;stroke:var(--tint-idat);stroke-width:2px}.d-arrow{fill:var(--tint-idat)}.story-cta{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.story-foot{color:var(--faint);font-size:13.5px}.story-foot a,.story-text p a{color:var(--accent)}.story-player{border:1px solid var(--border);background:var(--panel);border-radius:14px;align-self:start;height:calc(100vh - 100px);min-height:460px;display:grid;position:sticky;top:76px;overflow:hidden}.story-player .drawer-player{min-height:0}.story-player .player-close{display:none}.story-player .player-stage{grid-template-rows:150px minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.story-player .player-codes{max-height:none}.story-loading{color:var(--faint);place-self:center}.only-narrow{display:none}@media (max-width:1000px){.story-layout{grid-template-columns:minmax(0,1fr);gap:24px;padding:20px 16px 60px}.story-player{border-radius:14px 14px 0 0;height:52vh;min-height:0;margin:0 -16px -60px;position:sticky;top:auto;bottom:0;box-shadow:0 -8px 24px #00000040}.story-player .player-stage{grid-template-rows:110px minmax(0,1fr)}.story-text h1{font-size:28px}.only-wide{display:none}.only-narrow{display:inline}}