:root{color-scheme:light dark;--fg:#1b1730;--soft:#5b5670;--bg:#f6f4fb;--card:#fff;--accent:#5b3df5}
@media (prefers-color-scheme:dark){:root{--fg:#f1eefc;--soft:#b5b0c9;--bg:#16131f;--card:#211d2d;--accent:#9d8bff}}
*{box-sizing:border-box}body{margin:0;font:17px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:var(--fg);background:var(--bg)}
main{max-width:720px;margin:0 auto;padding:40px 20px 80px}h1{font-size:2rem;line-height:1.2;margin:.2em 0}h2{margin-top:2em;font-size:1.25rem}
p,li{color:var(--fg)}.soft{color:var(--soft)}a{color:var(--accent)}nav{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:24px}
.card{background:var(--card);border-radius:16px;padding:4px 20px;margin:16px 0}hr{border:0;border-top:1px solid var(--soft);opacity:.3;margin:48px 0}