:root { color-scheme: light dark; --fg: #111; --muted: #555; --bg: #fff; --line: #e5e5e5; --link: #0c203e; }
@media (prefers-color-scheme: dark) {
  :root { --fg: #eee; --muted: #aaa; --bg: #111; --line: #2a2a2a; --link: #79a7ec; }
}
body { margin: 0; background: var(--bg); color: var(--fg); font: 16px/1.55 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }
main { max-width: 680px; margin: 0 auto; padding: 32px 20px 64px; }
h1 { font-size: 26px; margin: 0 0 4px; }
h2 { font-size: 13px; text-transform: uppercase; letter-spacing: .04em; color: var(--muted); margin: 28px 0 6px; }
p { margin: 0 0 10px; }
ul { margin: 0 0 10px; padding-left: 20px; }
.muted { color: var(--muted); font-size: 14px; }
a { color: var(--link); }
nav { border-top: 1px solid var(--line); margin-top: 36px; padding-top: 16px; font-size: 14px; }
nav a { margin-right: 16px; }