:root { --bg:#fff; --fg:#1b1f24; --muted:#59636e; --line:#d8dee4; --link:#0b5cad; --code:#f3f5f7; }
@media (prefers-color-scheme: dark) {
  :root { --bg:#0f1317; --fg:#e6eaee; --muted:#9aa5b1; --line:#2a323b; --link:#6cb0f5; --code:#1a2028; }
}
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--fg); font:16px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif; }
header, main, footer { max-width:44rem; margin:0 auto; padding:0 16px; }
header { display:flex; flex-wrap:wrap; gap:8px 20px; align-items:baseline; padding-top:20px; padding-bottom:12px; border-bottom:1px solid var(--line); }
header strong { font-size:1.1rem; margin-right:auto; }
a { color:var(--link); }
h1 { font-size:1.9rem; line-height:1.25; margin:1.6rem 0 .6rem; }
h2 { font-size:1.2rem; margin:1.8rem 0 .4rem; }
p, li { color:var(--fg); }
.muted { color:var(--muted); }
code, pre { background:var(--code); border-radius:6px; font-family:ui-monospace,Menlo,Consolas,monospace; font-size:.9em; }
code { padding:1px 5px; }
pre { padding:12px; overflow-x:auto; }
table { border-collapse:collapse; width:100%; display:block; overflow-x:auto; }
th, td { border:1px solid var(--line); padding:6px 10px; text-align:left; vertical-align:top; }
footer { margin-top:3rem; padding-top:16px; padding-bottom:32px; border-top:1px solid var(--line); color:var(--muted); font-size:.9rem; }