:root { color-scheme: light dark; --bg: #fff; --fg: #1a1a1a; --muted: #555; --link: #0b57d0; --border: #ddd; }
@media (prefers-color-scheme: dark) {
  :root { --bg: #121212; --fg: #e8e8e8; --muted: #aaa; --link: #8ab4f8; --border: #333; }
}
body { margin: 0; padding: 0 16px; background: var(--bg); color: var(--fg); font: 16px/1.6 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
header, main { max-width: 720px; margin: 0 auto; }
header { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px; padding: 16px 0; border-bottom: 1px solid var(--border); }
nav a { margin-left: 12px; }
a { color: var(--link); }
h1 { font-size: 1.8rem; }
h2 { font-size: 1.2rem; margin-top: 2rem; }
.note { color: var(--muted); font-style: italic; }
code { font-family: ui-monospace, monospace; }