:root { --bg:#0f1115; --fg:#e8e8ea; --muted:#9aa0a6; --ok:#3fb950; --ko:#f85149; --card:#171a21; }
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--fg); font:16px/1.5 system-ui, sans-serif; }
main { max-width:720px; margin:0 auto; padding:2.5rem 1.25rem; }
h1 { margin:0 0 .25rem; font-size:1.75rem; }
h2 { font-size:1.05rem; margin:0 0 .5rem; }
section { background:var(--card); border-radius:10px; padding:1rem 1.25rem; margin:1rem 0; }
.sub, .muted { color:var(--muted); }
code { background:#0b0d11; padding:.1rem .35rem; border-radius:4px; }
table { width:100%; border-collapse:collapse; }
td { padding:.4rem 0; border-bottom:1px solid #222733; }
td:last-child { text-align:right; }
.ok { color:var(--ok); } .ko { color:var(--ko); }
a { color:#79c0ff; }
footer { margin-top:2rem; font-size:.85rem; }
#c-css::after { content:"✓"; color:var(--ok); }