:root { color-scheme: light; --ink: #0a3045; --muted: #526877; --line: #dbe5ea; --paper: #f5f9fb; --blue: #0875c1; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--paper); color: var(--ink); font-family: Arial, Helvetica, sans-serif; line-height: 1.65; }
main { padding: 48px 20px; }
.story { width: min(760px, 100%); margin: 0 auto; padding: clamp(28px, 5vw, 56px); background: #fff; border: 1px solid var(--line); border-radius: 20px; box-shadow: 0 18px 50px rgba(10, 48, 69, .08); }
.kicker { margin: 0 0 8px; color: var(--blue); font-size: .78rem; font-weight: 800; letter-spacing: .14em; }
h1 { margin: 0; font-size: clamp(2.2rem, 7vw, 4rem); line-height: 1.05; }
.deck { color: var(--muted); font-size: 1.12rem; }
.byline { padding-bottom: 24px; border-bottom: 1px solid var(--line); color: var(--muted); font-size: .9rem; }
h2 { margin: 32px 0 8px; font-size: 1.35rem; }
p { margin: 0 0 16px; }
a { color: #0569ad; }
.back-link { display: inline-block; margin-top: 24px; font-weight: 700; }
footer { display: flex; flex-direction: column; gap: 4px; margin-top: 40px; padding-top: 24px; border-top: 1px solid var(--line); color: var(--muted); }
footer strong { color: var(--ink); }