: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}
h3{margin-top:20px;font-size:1.05rem;color:var(--fg)}
p{margin:10px 0}
ul{padding-left:1.2rem}
li{margin:6px 0}
small, .muted{color:var(--muted)}
code.inline{background:#f1f5f9;padding:2px 6px;border-radius:6px;font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}
.card{background:var(--card);border:1px solid #e2e8f0;border-radius:16px;padding:18px;margin:18px 0}
.note{background:#ecfeff;border-color:#bae6fd}
.grid{display:grid;gap:14px}
.grid.cols-2{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.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;color:#cce6ff}
a:hover{text-decoration:underline;color:#cce6ff}
table{width:100%;border-collapse:collapse;margin:10px 0}
th,td{border:1px solid #e2e8f0;padding:8px;vertical-align:top}
thead{background:#f1f5f9}
footer{margin-top:40px;padding-top:12px;border-top:1px solid #cce6ff}