:root{color-scheme:light dark;--fg:#1a1a1a;--mute:#666;--bg:#fafaf7;--line:#ddd}
@media (prefers-color-scheme:dark){:root{--fg:#eee;--mute:#999;--bg:#141414;--line:#333}}
body{margin:0;background:var(--bg);color:var(--fg);font:17px/1.6 ui-sans-serif,system-ui,-apple-system,sans-serif}
main{max-width:640px;margin:0 auto;padding:48px 20px}
h1{font-size:28px;margin:0 0 8px}h2{font-size:19px;margin:28px 0 6px}
p,li{color:var(--fg)}small,.mute{color:var(--mute)}a{color:inherit}
nav{display:flex;gap:16px;margin-top:40px;padding-top:16px;border-top:1px solid var(--line);font-size:15px}
code{font:15px ui-monospace,monospace;word-break:break-all;background:rgba(127,127,127,.12);padding:12px;display:block;border-radius:8px}
button{font:inherit;padding:10px 18px;border-radius:8px;border:1px solid var(--line);background:var(--fg);color:var(--bg);margin-top:12px}