:root { color-scheme: dark; --bg:#050505; --surface:#0b0b0b; --text:#f4f4f1; --muted:#8d8d88; --line:#292929; --line-strong:#444; --accent:#ff4b3e; }
* { box-sizing:border-box; }
html,body { margin:0; min-height:100%; background:var(--bg); color:var(--text); }
a { color:inherit; }
.story-topbar { height:76px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; padding:0 clamp(20px,4vw,64px); border-bottom:1px solid var(--line); position:sticky; top:0; z-index:10; background:rgba(5,5,5,.93); backdrop-filter:blur(18px); }
.story-identity { display:flex; align-items:center; gap:14px; text-decoration:none; }
.story-identity img { width:34px; height:34px; }
.story-feed,.story-language,.story-editor { color:var(--muted); text-decoration:none; font-size:.62rem; letter-spacing:.12em; }
.story-actions { justify-self:end; display:flex; align-items:center; gap:18px; }
.story-language { padding:9px 12px; border:1px solid var(--line-strong); border-radius:999px; color:var(--text); }
.story-editor { color:#8cffb4; }
.story-page { max-width:1480px; margin:0 auto; padding:0 clamp(20px,4vw,64px) 120px; }
.story-hero { min-height:540px; display:flex; flex-direction:column; justify-content:flex-end; padding:84px 0 64px; border-bottom:1px solid var(--line); }
.story-kicker { margin:0 0 24px; color:var(--accent); font-size:.67rem; letter-spacing:.16em; }
.story-hero h1 { max-width:1160px; margin:0; }
.story-summary { max-width:880px; margin:30px 0 0; color:#bebdb8; }
.story-follow-row { display:flex; align-items:center; gap:16px; margin-top:34px; }
.story-timeline { padding-top:52px; }
.story-timeline > header { display:flex; justify-content:space-between; gap:24px; align-items:flex-end; padding-bottom:30px; border-bottom:1px solid var(--line-strong); }
.story-timeline > header p,.story-timeline > header > span,.story-event-meta,.story-open { color:var(--muted); font-size:.61rem; letter-spacing:.12em; }
.story-timeline > header p { margin:0 0 12px; }
.story-timeline h2 { margin:0; font-size:clamp(1.8rem,3.6vw,3.2rem); font-weight:430; letter-spacing:-.045em; }
.story-timeline ol { margin:0; padding:0; list-style:none; }
.story-timeline li { display:grid; grid-template-columns:72px minmax(0,1fr); gap:28px; padding:38px 0; border-bottom:1px solid var(--line); }
.story-index { color:var(--accent); font-size:.68rem; letter-spacing:.12em; padding-top:6px; }
.story-event-meta { display:flex; flex-wrap:wrap; gap:14px; }
.story-timeline h3 { max-width:1000px; margin:14px 0; font-size:clamp(1.55rem,3vw,2.9rem); font-weight:440; letter-spacing:-.04em; line-height:1.12; }
.story-timeline h3 a { text-decoration:none; }
.story-timeline h3 a:hover { text-decoration:underline; text-underline-offset:6px; text-decoration-thickness:1px; }
.story-timeline article > p { max-width:820px; margin:0; color:#aaa9a4; font-size:1rem; line-height:1.68; }
.story-open { display:inline-block; margin-top:22px; color:#d8d8d2; text-decoration:none; }
@media(max-width:760px){ .story-topbar{grid-template-columns:1fr auto;height:64px}.story-feed,.story-editor{display:none}.story-hero{min-height:0;padding:54px 0 44px}.story-timeline>header{align-items:flex-start;flex-direction:column}.story-timeline li{grid-template-columns:34px minmax(0,1fr);gap:14px}.story-actions{gap:10px}}