:root { --bg: #f6f7f5; --ink: #15191c; --muted: #5d666d; --rule: #d9ddd9; --accent: #2f6f8f; }
@media (prefers-color-scheme: dark) {
  :root { --bg: #101416; --ink: #e7ebea; --muted: #8f9a9e; --rule: #262d30; --accent: #7cb8d4; }
}
* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--ink); font: 17px/1.6 ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; }
main { max-width: 42rem; margin: 0 auto; padding: 4rem 16px 2.5rem; }
h1 { font-size: clamp(1.8rem, 6vw, 2.6rem); line-height: 1.2; letter-spacing: -0.02em; margin: 0 0 1rem; }
h2 { font-size: 1.2rem; margin: 2rem 0 0.5rem; }
a { color: var(--accent); text-underline-offset: 0.18em; }
.go { font-size: 1.2rem; font-weight: 600; }
.muted { color: var(--muted); }
footer { margin-top: 4rem; padding-top: 1.5rem; border-top: 1px solid var(--rule); color: var(--muted); font-size: 0.85rem; }
footer a { color: var(--muted); }