:root { color-scheme:light; --background:#f5f7fa; --foreground:#111827; --card:#fff; --primary:#1d4ed8; --border:#e2e8f0; }
@media (prefers-color-scheme: dark) {
  :root { color-scheme:dark; --background:#07090f; --foreground:#e2e8f0; --card:#0d1117; --primary:#60a5fa; --border:rgba(255,255,255,.09); }
}
* { box-sizing:border-box; }
body { margin:0 auto; max-width:1200px; padding:24px; background:var(--background); color:var(--foreground); font-family:Inter,system-ui,sans-serif; line-height:1.6; }
body>nav { margin-bottom:24px; }
main { padding:24px; border:1px solid var(--border); border-radius:12px; background:var(--card); overflow-x:auto; }
h1 { margin-top:0; font-size:clamp(1.4rem,3vw,2rem); line-height:1.25; }
a { color:var(--primary); text-underline-offset:3px; }
a:focus-visible { outline:2px solid var(--primary); outline-offset:3px; }
nav { margin:16px 0; }
table { width:100%; margin:24px 0; border-collapse:collapse; font-variant-numeric:tabular-nums; }
caption { text-align:left; font-weight:600; margin-bottom:12px; }
th,td { padding:10px 12px; text-align:left; border-bottom:1px solid var(--border); vertical-align:top; }
th { font-size:.875rem; }
@media(max-width:600px) { body{padding:12px;} main{padding:16px;} th,td{padding:8px;} }