:root { color-scheme: light dark; --fg:#101418; --muted:#5a6570; --line:#d7dde3; --bg:#ffffff; --accent:#0b6bcb; }
@media (prefers-color-scheme: dark) { :root { --fg:#e8edf2; --muted:#9aa7b4; --line:#2a333d; --bg:#10161c; --accent:#5aa7f0; } }
* { box-sizing: border-box; }
body { margin:0; font:15px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
       color:var(--fg); background:var(--bg); }
header { padding:20px 28px; border-bottom:1px solid var(--line); display:flex; flex-wrap:wrap; gap:12px 24px;
         align-items:baseline; }
header h1 { font-size:18px; margin:0; letter-spacing:.2px; }
.badge { font-size:12px; text-transform:uppercase; letter-spacing:.08em; border:1px solid var(--line);
         border-radius:999px; padding:2px 10px; color:var(--muted); }
.build { font-size:12px; color:var(--muted); margin-left:auto; }
main { padding:24px 28px 60px; max-width:1000px; }
h2 { font-size:13px; text-transform:uppercase; letter-spacing:.1em; color:var(--muted); margin:34px 0 10px; }
h2:first-of-type { margin-top:6px; }
p { margin:0 0 10px; max-width:76ch; }
table { border-collapse:collapse; width:100%; font-size:14px; }
th, td { text-align:left; padding:9px 12px 9px 0; border-bottom:1px solid var(--line); vertical-align:top; }
th { font-weight:600; color:var(--muted); font-size:12px; text-transform:uppercase; letter-spacing:.06em; }
code, .mono { font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:13px; }
.state { font-weight:600; }
.state.ok { color:#1a7f37; }
.state.gap { color:#a15c00; }
.note { border-left:3px solid var(--accent); padding:2px 0 2px 14px; color:var(--muted); }
footer { padding:18px 28px 40px; border-top:1px solid var(--line); color:var(--muted); font-size:12px; }
a { color:var(--accent); }