:root { --bg: #fbfaf7; --fg: #1d1b19; --muted: #6b665f; --line: #e2ded6; --code: #f1eee8; --accent: #b4532a; }
@media (prefers-color-scheme: dark) { :root { --bg: #171512; --fg: #ece8e1; --muted: #a29b90; --line: #332f29; --code: #221f1b; --accent: #e08a5f; } }
* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--fg); font: 16px/1.6 "IBM Plex Sans", system-ui, sans-serif; }
header, main, footer { max-width: 760px; margin: 0 auto; padding: 16px; }
nav a { margin-right: 16px; color: var(--accent); }
h1 { font-size: 1.9rem; line-height: 1.25; } h2 { margin-top: 2rem; }
code, pre { font-family: "IBM Plex Mono", ui-monospace, monospace; background: var(--code); border-radius: 4px; }
code { padding: 1px 4px; } pre { padding: 12px; overflow-x: auto; }
table { border-collapse: collapse; width: 100%; display: block; overflow-x: auto; } th, td { border-bottom: 1px solid var(--line); padding: 6px 10px; text-align: left; vertical-align: top; }
.muted { color: var(--muted); } .stat { font-size: 2.2rem; font-weight: 600; }