:root{--bg:#F2F6FA;--surface:#fff;--ink:#0E2238;--muted:#5A6B7D;--line:#D8E1EA;--brand:#0B2B3A;--teal:#1C9483}
@media (prefers-color-scheme:dark){:root{--bg:#0A1522;--surface:#112133;--ink:#E5EDF5;--muted:#93A5B8;--line:#23374E;--teal:#4FCDB9}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
header{background:var(--brand);color:#fff;padding:18px 16px}
header .in{max-width:760px;margin:0 auto;display:flex;align-items:center;gap:12px}
header img{width:40px;height:40px;border-radius:10px}
header b{font-size:18px}
main{max-width:760px;margin:0 auto;padding:20px 16px 48px}
.card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:20px 20px 8px;margin-bottom:16px}
h1{font-size:26px;line-height:1.25;margin:0 0 4px}
h2{font-size:18px;margin:22px 0 6px}
.card h2:first-child{margin-top:0}
p,li{color:var(--ink)}
.muted{color:var(--muted);font-size:14px}
ol,ul{padding-left:22px}
a{color:var(--teal)}
.btn{display:inline-block;background:var(--teal);color:#fff;text-decoration:none;padding:10px 16px;border-radius:8px;font-weight:600;margin:4px 0 12px}