:root{--bg:#f7fbff;--fg:#0d1b2a;--muted:#4f5d75;--card:#ffffff;--border:#d9e7f2}
*{box-sizing:border-box}
html{font-size:16px}
body{margin:0;background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,'Noto Sans',sans-serif;line-height:1.8}
.container{max-width:1100px;margin:0 auto;padding:24px}
.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:24px;box-shadow:0 6px 20px rgba(13,27,42,.04)}
h1,h2,h3{line-height:1.4;margin:1.2em 0 .6em}
h1{font-size:2rem}
h2{font-size:1.4rem}
h3{font-size:1.15rem}
p{margin:.7em 0}
figure{margin:1.2em 0}
figcaption{font-size:.875rem;color:var(--muted)}
hr{border:none;border-top:1px solid var(--border);margin:2rem 0}
.badge{display:inline-block;padding:.1rem .5rem;border:1px solid var(--border);border-radius:999px;background:#f4f9ff;font-size:.8rem;color:#244}
.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,'Liberation Mono','Courier New',monospace}
ul{padding-right:1.2rem;margin:.5rem 0}
li{margin:.2rem 0}