:root { --bg:#fbfaf7; --fg:#1d1d1b; --muted:#6b6a65; --accent:#3b5bdb; --line:#e6e3dc; }
@media (prefers-color-scheme: dark) { :root { --bg:#141413; --fg:#ecebe6; --muted:#a3a29c; --accent:#8ea6ff; --line:#2c2b28; } }
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--fg); font:17px/1.6 system-ui, -apple-system, "Segoe UI", sans-serif; }
main { max-width: 720px; margin: 0 auto; padding: 56px 16px 72px; }
h1 { font-size: 2.1rem; line-height:1.2; margin: 0 0 12px; }
h2 { font-size: 1.15rem; margin: 32px 0 8px; }
p, li { color: var(--fg); }
.lead { color: var(--muted); font-size: 1.1rem; }
a { color: var(--accent); }
footer { margin-top: 48px; padding-top: 16px; border-top: 1px solid var(--line); color: var(--muted); font-size: .9rem; }