:root{--bg:#f6f7f9;--fg:#15171a;--muted:#5b6270;--card:#fff;--accent:#2f6fed}
@media (prefers-color-scheme:dark){:root{--bg:#111316;--fg:#eceef1;--muted:#9aa1ad;--card:#1b1e23;--accent:#6b9bff}}
*{box-sizing:border-box}body{margin:0;font:16px/1.55 -apple-system,system-ui,sans-serif;background:var(--bg);color:var(--fg)}
main{max-width:640px;margin:0 auto;padding:40px 16px}
.card{background:var(--card);border-radius:16px;padding:24px;box-shadow:0 1px 3px rgba(0,0,0,.08)}
h1{font-size:1.5rem;margin:0 0 12px}h2{font-size:1.05rem;margin:22px 0 6px}p,li{color:var(--muted)}a{color:var(--accent)}
a.button{display:inline-block;margin-top:12px;background:var(--accent);color:#fff;text-decoration:none;padding:12px 20px;border-radius:12px;font-weight:600}
code{word-break:break-all;font-size:.85rem}
footer{margin-top:24px;font-size:.85rem;color:var(--muted)}footer a{color:var(--muted)}