:root { color-scheme: light dark; --bg:#f4f5f7; --card:#fff; --fg:#1b1f24; --muted:#5b6470; --ok:#1a7f37; --bad:#b42318; --line:#e3e6ea; }
@media (prefers-color-scheme: dark) { :root { --bg:#0f1216; --card:#181c22; --fg:#e6e8eb; --muted:#9aa4b2; --ok:#3fb950; --bad:#ff7b72; --line:#2a3039; } }
body { margin:0; padding:2rem 1rem; background:var(--bg); color:var(--fg); font:15px/1.5 system-ui, -apple-system, Segoe UI, Roboto, sans-serif; }
.card { max-width:720px; margin:0 auto; background:var(--card); border:1px solid var(--line); border-radius:12px; padding:1.5rem 1.75rem; }
h1 { margin:0 0 .25rem; font-size:1.6rem; }
h2 { margin:1.5rem 0 .5rem; font-size:1.1rem; }
.sub { margin:0 0 1.25rem; color:var(--muted); }
table { width:100%; border-collapse:collapse; }
th, td { text-align:left; padding:.45rem .5rem; border-bottom:1px solid var(--line); vertical-align:top; }
th { width:9rem; color:var(--muted); font-weight:600; }
.rows th { width:auto; }
.ok { color:var(--ok); font-weight:600; }
.bad { color:var(--bad); font-weight:600; }