:root { color-scheme: light dark; --bg:#fff; --fg:#111; --muted:#555; --line:#ddd; --code:#f6f6f6; }
@media (prefers-color-scheme: dark) { :root { --bg:#111; --fg:#eee; --muted:#aaa; --line:#333; --code:#1c1c1c; } }
body { background:var(--bg); color:var(--fg); font:16px/1.6 ui-sans-serif,system-ui,sans-serif;
       max-width:44rem; margin:0 auto; padding:3rem 1rem; }
h1 { font-size:1.5rem; margin:0 0 .5rem; }
p { color:var(--muted); }
pre { background:var(--code); border:1px solid var(--line); padding:.75rem 1rem; overflow-x:auto; }
code { font:14px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace; }
ul { padding-left:1.2rem; color:var(--muted); }
a { color:inherit; }