:root { --bg:#fbfbfa; --text:#1f2328; --muted:#59636e; --faint:#eaeef2; --border:#d0d7de;
  --green:#1a7f37; --red:#cf222e; --red-bg:#ffebe9; --band:#f3f5f7;
  --mono: ui-monospace, SFMono-Regular, Menlo, monospace; --sans: -apple-system, "Segoe UI", Helvetica, Arial, sans-serif; }
body { margin:0; background:var(--bg); color:var(--text); font-family:var(--sans); }
main { max-width: 900px; margin: 0 auto; padding: 24px 20px 60px; }
header .kicker { font:600 12px var(--mono); letter-spacing:.08em; color:var(--muted); text-transform:uppercase; }
header h1 { margin:6px 0 2px; font-size:26px; }
header p { color:var(--muted); margin:0 0 8px; }
.frame { padding: 22px 0 26px; border-top: 1px dashed var(--border); }
.act { font:600 11px var(--mono); color:var(--muted); letter-spacing:.08em; text-transform:uppercase; }
.frame h2 { font-size: 22px; margin: 6px 0 14px; }
svg text { font-family: var(--sans); }
.contrast { display:flex; align-items:center; gap:40px; margin: 14px 0 6px; }
.contrast .k { font:600 13px var(--mono); color:var(--muted); text-transform:uppercase; letter-spacing:.06em; }
.contrast .big { font: 800 72px/1 var(--mono); margin: 4px 0; }
.contrast .s { font: 500 15px var(--mono); color: var(--muted); }
.contrast .hot .big, .contrast .hot .k { color: var(--red); }
.contrast .vs { color: var(--muted); font-size: 18px; }
.gates { display:flex; gap:22px; flex-wrap:wrap; align-items:center; margin-top: 10px; font-size:15px; }
.gates em { font-style:normal; font-weight:700; margin-left:6px; }
.gates .ok { color: var(--green); } .gates .bad, .gates .verdict { color: var(--red); }
.gates .verdict { border:1.5px solid var(--red); border-radius:999px; padding:4px 12px; font-weight:800; }
.note { color: var(--muted); font-size: 13px; }