*{box-sizing:border-box}
html{color-scheme:dark light}
body{margin:0;font:17px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;background:#14161a;color:#e6e8ec}
main{max-width:760px;margin:0 auto;padding:32px 20px 64px}
h1{font-size:2rem;line-height:1.25;margin:.2em 0 .6em}
h2{font-size:1.25rem;margin:2em 0 .5em;color:#fff}
a{color:#7fc4ff}
p,li{color:#d4d7de}
nav,footer{max-width:760px;margin:0 auto;padding:16px 20px;font-size:.95rem}
nav a,footer a{margin-right:16px;text-decoration:none}
.small{font-size:.9rem;color:#9aa0ab}
.card{background:#1d2026;border-radius:14px;padding:18px 20px;margin:20px 0}
@media (prefers-color-scheme:light){body{background:#f6f7f9;color:#1b1e24}h2{color:#000}p,li{color:#2a2e36}.card{background:#fff}a{color:#0a58ca}.small{color:#5b6270}}