:root{--bg:#fff;--fg:#10252b;--muted:#4b6068;--accent:#00677e;--card:#eef6f8}
@media(prefers-color-scheme:dark){:root{--bg:#0d1b20;--fg:#e4f1f4;--muted:#9db3ba;--accent:#6fd3e8;--card:#15292f}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:17px/1.6 system-ui,sans-serif}
main,footer{max-width:42rem;margin:0 auto;padding:1.5rem 16px}
h1{font-size:2rem;margin:.5rem 0}h2{margin-top:2rem}.lead{font-size:1.2rem;color:var(--muted)}
.badge{display:inline-block;background:var(--card);padding:.4rem .8rem;border-radius:.5rem}
a{color:var(--accent)}a[aria-current]{font-weight:700}.small{color:var(--muted);font-size:.9rem}
footer{border-top:1px solid var(--card);margin-top:2rem}