:root{--bg:#f7f8fb;--fg:#0f172a;--muted:#64748b;--card:#fff;--line:#e5e7eb;--link:#1d4ed8;--acc:#0f766e}
@media (prefers-color-scheme:dark){:root{--bg:#0b1220;--fg:#e5e7eb;--muted:#94a3b8;--card:#111a2e;--line:#1f2a40;--link:#93c5fd;--acc:#5eead4}}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;font:16px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--fg)}
a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}
.wrap{max-width:1100px;margin:0 auto;padding:0 18px}
.top{border-bottom:1px solid var(--line);background:var(--card);position:sticky;top:0;z-index:5}.top .wrap{display:flex;align-items:center;justify-content:space-between;min-height:56px;gap:12px;flex-wrap:wrap}
.brand{font-weight:800;color:var(--fg);font-size:18px;white-space:nowrap;display:flex;gap:8px;align-items:center}.brand:hover{text-decoration:none}.brand svg{color:var(--acc)}
nav{display:flex;flex-wrap:wrap;gap:4px 16px}nav a{color:var(--muted);font-size:15px}
h1{font-size:clamp(26px,4vw,38px);line-height:1.2;margin:28px 0 10px}.h1s{font-size:.5em;font-weight:500}
h2{font-size:21px;margin:32px 0 12px}h3{margin:0 0 8px;font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}
.lede{font-size:18px;color:var(--muted);max-width:820px}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:18px 0}
.kpi{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px 16px}.kpi b{display:block;font-size:26px;line-height:1.2}.kpi span{color:var(--muted);font-size:14px}
.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;margin:16px 0}
.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px 18px;margin:16px 0}.grid2 .card{margin:0}
.metric{margin:10px 0 4px;font-size:13px;color:var(--muted)}
.bar{display:flex;height:22px;border-radius:6px;overflow:hidden;background:var(--line)}.bar span{display:block;height:100%}.bar.sm{height:10px;min-width:120px;margin:4px 0 2px}.bar.empty{font-size:13px;color:var(--muted);align-items:center;padding:0 8px}
.legend{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:6px;font-size:14px}
.sw{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:5px;vertical-align:baseline}.sw.big{width:22px;height:22px;border-radius:5px;margin-right:10px;vertical-align:-3px}
.prov{white-space:nowrap;color:inherit}a.prov{color:var(--fg)}a.prov:hover{color:var(--link)}
.note{font-size:14px;color:var(--muted)}.muted{color:var(--muted)}.sm{font-size:13px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;word-break:break-all}
.tablewrap{overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:var(--card)}
table.t{width:100%;border-collapse:collapse;font-size:14px}.t th,.t td{padding:8px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.t th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);background:var(--card);position:sticky;top:0}
.t tr:last-child td{border-bottom:0}.t tr.dead td{opacity:.45}.t.hosts td:nth-child(6){max-width:280px}
.subsig{margin-top:4px;padding-top:4px;border-top:1px dashed var(--line);color:var(--muted)}
.pill{display:inline-block;padding:1px 8px;border-radius:999px;font-size:12px;font-weight:600}.pill.yes{background:#ccfbf1;color:#115e59}.pill.no{background:var(--line);color:var(--muted)}
.tag{display:inline-block;padding:0 6px;border-radius:4px;font-size:11px;background:var(--line);color:var(--muted);margin-left:4px}
.moves{list-style:none;padding:0;margin:0}.moves li{padding:8px 0;border-bottom:1px solid var(--line)}.moves .date{color:var(--muted);font-size:13px;margin-right:6px}
.plist{list-style:none;padding:0;margin:0}.plist li{padding:6px 0;border-bottom:1px solid var(--line);display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}
.keyhosts{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px}.keyhosts li{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:8px 12px}
.claimed li{margin:6px 0}
.tabs{display:flex;flex-wrap:wrap;gap:6px;margin:20px 0 0}.tabs a{padding:4px 12px;border:1px solid var(--line);border-radius:999px;font-size:14px;color:var(--fg);background:var(--card)}.tabs a.on{background:var(--fg);color:var(--bg);border-color:var(--fg)}
.crumbs{font-size:14px;color:var(--muted);margin:18px 0 0}
.chart{margin:12px 0;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px}.chart svg{width:100%;height:auto;font-size:11px;fill:var(--muted)}.chart .g{stroke:var(--line)}.chart .lbl{font-weight:700;font-size:12px}.chart figcaption{font-size:13px;color:var(--muted);text-align:center}
.news h2{margin-top:0}.subform{display:flex;gap:8px;flex-wrap:wrap}.subform input[type=email]{flex:1;min-width:220px}
input,textarea{font:inherit;padding:9px 12px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--fg)}button,.btn{font:inherit;font-weight:600;padding:9px 16px;border:0;border-radius:8px;background:var(--acc);color:#fff;cursor:pointer;display:inline-block}.btn:hover{text-decoration:none;opacity:.9}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.form label{display:block;margin:0 0 12px;font-size:14px;color:var(--muted)}.form input,.form textarea{display:block;width:100%;margin-top:4px}
.ok{color:#0f766e;font-weight:600}.err{color:#b91c1c}.fine{font-size:12px;color:var(--muted)}
.sponsor{border-style:dashed}.sponsor p{margin:6px 0 10px;color:var(--muted);font-size:14px}
code{font-size:.9em;background:var(--line);padding:1px 4px;border-radius:4px}
.foot{margin-top:48px;border-top:1px solid var(--line);background:var(--card);font-size:13px;color:var(--muted)}.foot .wrap{padding-top:12px;padding-bottom:20px}
@media (max-width:640px){nav{gap:4px 12px}nav a{font-size:14px}.kpi b{font-size:22px}}
.via{font-size:12px;color:var(--muted);white-space:nowrap}
.map{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}.mapcol{background:var(--card);border:1px solid var(--line);border-top:4px solid #999;border-radius:12px;padding:10px 12px}
.maphead{margin-bottom:6px}.mapasn{border-top:1px dashed var(--line);padding:6px 0}.chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}
.chip{display:inline-block;font-size:12px;padding:1px 7px;border:1px solid var(--line);border-left:3px solid var(--line);border-radius:6px;color:var(--fg);background:var(--bg);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.chip:hover{text-decoration:none;border-color:var(--link)}
.chip i{font-style:normal;font-family:system-ui,sans-serif;color:var(--muted);font-size:11px}.chip.r-apexwww{border-left-color:#0f766e}.chip.r-login{border-left-color:#7c3aed}.chip.r-checkout{border-left-color:#db2777}.chip.r-api{border-left-color:#2563eb}
tr:target td{background:rgba(250,204,21,.18)}
.chip.r-marketing{border-left-color:#0891b2}.chip.r-internal{opacity:.6}
.hbar{display:inline-block;width:120px;height:8px;background:var(--line);border-radius:4px;margin-right:8px;vertical-align:middle;overflow:hidden}.hbar span{display:block;height:100%}
table.rank td:first-child{color:var(--muted);width:2em}.up{color:#16a34a}.down{color:#dc2626}.pill.split{background:#e0f2fe;color:#075985}
.tier{display:inline-block;font-size:11px;padding:0 6px;border-radius:9px;background:var(--line);text-transform:uppercase;letter-spacing:.03em}.tier.t-primary{background:#ccfbf1;color:#115e59}.tier.t-critical{background:#ede9fe;color:#5b21b6}.tier.t-internal{opacity:.6}
.zones{display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:12px}.zonecard h3{margin-top:0}table.kv th{width:90px;text-align:left;vertical-align:top;color:var(--muted);font-weight:600}table.kv td{word-break:break-all}
.evidence{padding-left:18px}.evidence li{margin:4px 0}.deeplink{margin:14px 0}