:root{color-scheme:light dark;}
body{margin:0;font:16px/1.55 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:#0b0f17;color:#e7eaf0;}
.wrap{max-width:760px;margin:0 auto;padding:48px 20px;}
h1{margin:0 0 8px;font-size:32px;}
h2{margin:0 0 10px;font-size:18px;}
nav{display:flex;gap:14px;margin:12px 0 0;}
nav a{color:#8ab4ff;text-decoration:none;}
nav a:hover{text-decoration:underline;}
.muted{opacity:.75}
.card{margin-top:22px;padding:18px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(255,255,255,.04)}
ul{margin:8px 0 0;padding-left:20px}
@media (prefers-color-scheme:light){body{background:#f6f7fb;color:#0b1220}.card{border-color:rgba(0,0,0,.12);background:#fff}}