:root{--fg:#0f172a;--muted:#475569;--bg:#ffffff;--card:#f8fafc;--link:#2563eb;--accent:#0ea5e9}
html{font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;line-height:1.6;color:var(--fg);background:var(--bg)}
body{margin:0;padding:0}
.container{max-width:920px;margin:auto;padding:32px 20px}
header{padding:24px 0 8px}
h1{line-height:1.2;margin:0 0 12px;font-size:clamp(1.6rem,2.5vw,2.2rem)}
h2{margin-top:32px;font-size:1.25rem;border-top:1px solid #e2e8f0;padding-top:16px}
p{margin:10px 0}
ul{padding-left:1.2rem}
li{margin:6px 0}
small, .muted{color:var(--muted)}
.card{background:var(--card);border:1px solid #e2e8f0;border-radius:16px;padding:18px;margin:18px 0}
.grid{display:grid;gap:14px}
.badge{display:inline-block;padding:.2rem .5rem;border-radius:999px;background:#eef2ff;color:#3730a3;font-weight:600;font-size:.75rem}
a{color:var(--link);text-decoration:none}
a:hover{text-decoration:underline}
footer{margin-top:40px;padding-top:12px;border-top:1px solid #e2e8f0}