:root { --text: #172b4d; --muted: #5e6c84; --bg: #ffffff; --accent: #0c66e4; --code: #f4f5f7; }
@media (prefers-color-scheme: dark) {
  :root { --text: #c7d1db; --muted: #8c9bab; --bg: #1d2125; --accent: #579dff; --code: #2c333a; }
}
body { margin: 0; background: var(--bg); color: var(--text); font: 16px/1.6 -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; }
main { max-width: 760px; margin: 0 auto; padding: 32px 16px 64px; }
.brand { font-weight: 700; letter-spacing: 0.02em; color: var(--accent); margin: 0 0 8px; }
h1 { font-size: 1.8rem; line-height: 1.25; margin: 0 0 4px; }
h2 { font-size: 1.2rem; margin: 2em 0 0.4em; }
.meta { color: var(--muted); margin-top: 0; }
a { color: var(--accent); }
code, kbd { background: var(--code); border-radius: 3px; padding: 1px 5px; font: 0.9em ui-monospace, Consolas, monospace; }
li { margin: 0.25em 0; }