:root { --fg:#1a1d21; --muted:#5b6470; --bg:#ffffff; --accent:#2f5bea; --line:#e6e8eb; }
@media (prefers-color-scheme: dark) { :root { --fg:#e8eaed; --muted:#9aa3ad; --bg:#111315; --accent:#7d9bff; --line:#2a2e33; } }
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--fg); font:16px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }
main { max-width: 760px; margin: 0 auto; padding: 48px 20px 80px; }
header { display:flex; justify-content:space-between; align-items:center; padding: 18px 20px; max-width:760px; margin:0 auto; border-bottom:1px solid var(--line); }
header a { color: var(--fg); text-decoration:none; font-weight:600; }
nav a { margin-left: 18px; font-weight:400; color: var(--muted); }
h1 { font-size: 2rem; margin: 0 0 8px; letter-spacing:-0.01em; }
h2 { font-size: 1.15rem; margin: 32px 0 8px; }
p, li { color: var(--fg); }
.muted { color: var(--muted); }
a { color: var(--accent); }
code { background: color-mix(in srgb, var(--line) 60%, transparent); padding: 1px 5px; border-radius: 4px; font-size: .92em; }
table { border-collapse: collapse; width:100%; margin: 12px 0; }
td, th { text-align:left; padding: 8px 10px; border-bottom:1px solid var(--line); vertical-align: top; }
footer { margin-top: 56px; padding-top: 16px; border-top:1px solid var(--line); color: var(--muted); font-size:.9rem; }