:root{--bg:#0f1117;--panel:#171a23;--panel2:#1e2230;--ink:#e8ecf4;--mut:#9aa4b8;--line:#2a3040;
--accent:#6ea8fe;--good:#46c98b;--warn:#f0b357;--bad:#ef6f6f;--cost:#7aa2ff;--ib:#b07bff;--efa:#ff8a5c;
--mono:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
a{color:var(--accent)}
header.site{position:sticky;top:0;z-index:10;background:rgba(15,17,23,.92);backdrop-filter:blur(6px);border-bottom:1px solid var(--line);padding:10px 20px;display:flex;gap:16px;align-items:center;flex-wrap:wrap}
header.site .brand{font-weight:800}
header.site nav a{color:var(--mut);text-decoration:none;font-size:13px;margin-right:4px}
header.site nav a:hover{color:var(--ink)}
.wrap{max-width:1080px;margin:0 auto;padding:0 22px 60px}
h1{font-size:26px;margin:24px 0 8px}h2{font-size:20px;color:var(--accent);margin:34px 0 12px;border-top:1px solid var(--line);padding-top:22px}
h3{font-size:16px;margin:20px 0 8px}
.sub{color:var(--mut);max-width:860px}
.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:16px;margin:12px 0}
.pill{display:inline-block;font:10px var(--mono);padding:1px 6px;border-radius:5px;margin-left:6px;text-transform:uppercase;letter-spacing:.5px}
.m{background:#1b3a2c;color:var(--good)}.d{background:#1d2c4a;color:var(--cost)}.a{background:#3a3119;color:var(--warn)}
table{border-collapse:collapse;width:100%;margin:10px 0;font-size:13px}
th,td{border:1px solid var(--line);padding:7px 9px;text-align:right}th{background:var(--panel2);color:var(--mut)}
td:first-child,th:first-child{text-align:left}
.good{color:var(--good)}.bad{color:var(--bad)}.warn{color:var(--warn)}.mut{color:var(--mut)}
code{font:12px var(--mono);background:#11141d;padding:1px 5px;border-radius:4px;color:#c9d4ea}
.twocol{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.card{background:var(--panel2);border:1px solid var(--line);border-radius:9px;padding:14px}
.is{border-left:3px solid var(--good);padding-left:12px}.isnot{border-left:3px solid var(--bad);padding-left:12px}
.warnbox{background:#2a1f12;border:1px solid #4a3a1c;border-radius:8px;padding:12px;color:#f0d9b0;margin:12px 0}
.diag{font:11px/1.35 var(--mono);background:#0b0e15;border:1px solid var(--line);border-radius:8px;padding:14px;color:#9fb3d8;white-space:pre;overflow-x:auto}
svg{max-width:100%;height:auto;background:#0b0e15;border:1px solid var(--line);border-radius:8px;margin:10px 0}
.legend{font-size:12px;color:var(--mut)}
ul li{margin:3px 0}
.foot{color:var(--mut);font-size:12px;margin-top:40px;border-top:1px solid var(--line);padding-top:16px}