@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(vendor/font-0.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(vendor/font-1.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(vendor/font-2.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(vendor/font-3.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(vendor/font-4.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(vendor/font-5.ttf) format('truetype');
}



:root {
  color-scheme: dark;
  --bg: #0a0e1c; --surface: #121a30; --surface-2: #19233f; --ink: #edf0f8; --ink-2: #b4bdd4; --muted: #7f89a6; --grid: #253154; --line: rgba(255,255,255,0.10);
  --accent: #ff3b5c; --accent-ink: #ff7088; --blue: #3987e5; --green: #199e70;
  --c-fix0: #86b6ef; --c-fix1: #3987e5; --c-fix2: #1c5cab; --c-eol0: #ff9d7a; --c-eol1: #e04e4e; --c-odd: #8a93ab;
  --r1: #4a1c29; --r2: #7b2538; --r3: #ad2f47; --r4: #de3b58; --r5: #ff6479; --r6: #ffb0bb;
  --b1: #1b2f55; --b2: #1e4b86; --b3: #2a6bbd; --b4: #3987e5; --b5: #6da7ec; --b6: #b7d3f6;
  --o1: #3987e5; --o2: #d95926; --o3: #199e70; --o4: #c98500; --o5: #d55181; --o6: #008300; --o7: #9085e9;
  --font-display: "Barlow Condensed", "Arial Narrow", Impact, sans-serif;
  --font-body: "Barlow", "Segoe UI", system-ui, sans-serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
}
@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    color-scheme: light;
    --bg: #f3f4f8; --surface: #ffffff; --surface-2: #eceef5; --ink: #141a2e; --ink-2: #434b66; --muted: #6f7791; --grid: #dfe3ee; --line: rgba(20,26,46,0.12);
    --accent: #d91f45; --accent-ink: #b8183a; --blue: #2a78d6; --green: #1baf7a;
    --c-fix0: #86b6ef; --c-fix1: #2a78d6; --c-fix2: #184f95; --c-eol0: #ff9d7a; --c-eol1: #d93c3c; --c-odd: #8a93ab;
    --r1: #ffe3e7; --r2: #ffb3bd; --r3: #ff7e90; --r4: #e03d57; --r5: #b8334a; --r6: #7b1f30;
    --b1: #dbe8fa; --b2: #b7d3f6; --b3: #86b6ef; --b4: #3987e5; --b5: #2a78d6; --b6: #184f95;
    --o1: #2a78d6; --o2: #eb6834; --o3: #1baf7a; --o4: #eda100; --o5: #e87ba4; --o6: #008300; --o7: #6250d6;
  }
}
:root[data-theme="light"] {
  color-scheme: light;
  --bg: #f3f4f8; --surface: #ffffff; --surface-2: #eceef5; --ink: #141a2e; --ink-2: #434b66; --muted: #6f7791; --grid: #dfe3ee; --line: rgba(20,26,46,0.12);
  --accent: #d91f45; --accent-ink: #b8183a; --blue: #2a78d6; --green: #1baf7a;
  --c-fix0: #86b6ef; --c-fix1: #2a78d6; --c-fix2: #184f95; --c-eol0: #ff9d7a; --c-eol1: #d93c3c; --c-odd: #8a93ab;
  --r1: #ffe3e7; --r2: #ffb3bd; --r3: #ff7e90; --r4: #e03d57; --r5: #b8334a; --r6: #7b1f30;
  --b1: #dbe8fa; --b2: #b7d3f6; --b3: #86b6ef; --b4: #3987e5; --b5: #2a78d6; --b6: #184f95;
  --o1: #2a78d6; --o2: #eb6834; --o3: #1baf7a; --o4: #eda100; --o5: #e87ba4; --o6: #008300; --o7: #6250d6;
}
* { box-sizing: border-box; }
html, body { background: var(--bg); color: var(--ink); }
body { margin: 0; font-family: var(--font-body); font-size: 15px; line-height: 1.5; padding-block: 0 48px; padding-left: max(16px, env(safe-area-inset-left, 0px)); padding-right: max(16px, env(safe-area-inset-right, 0px)); }
body::before { content: ""; position: fixed; inset: 0 0 auto; height: env(safe-area-inset-top, 0px); z-index: 10; background: var(--bg); }
a { color: var(--accent-ink); }
.wrap { max-width: 1180px; margin: 0 auto; }
h1, h2, h3 { font-family: var(--font-display); font-weight: 700; line-height: 1.02; margin: 0; text-wrap: balance; letter-spacing: 0.005em; }
h1 { font-size: clamp(38px, 6.6vw, 72px); }
h2 { font-size: clamp(26px, 3.4vw, 36px); }
h3 { font-size: 20px; font-weight: 600; }
p { margin: 0; }
.eyebrow { font-family: var(--font-display); font-weight: 600; text-transform: uppercase; letter-spacing: 0.14em; font-size: 13px; color: var(--accent-ink); }
.muted { color: var(--muted); } .ink2 { color: var(--ink-2); }
.mono { font-family: var(--font-mono); font-size: 0.92em; }


.mast { display: grid; grid-template-columns: 140px 1fr; gap: 26px; align-items: center; padding-block: 28px 20px; }
.mast img { width: 140px; height: 140px; filter: drop-shadow(0 0 22px rgba(255,59,92,0.25)); }
.mast .lede { max-width: 74ch; color: var(--ink-2); font-size: 16.5px; margin-top: 12px; }
.mast .meta { display: flex; flex-wrap: wrap; gap: 8px 18px; margin-top: 12px; font-size: 13px; color: var(--muted); align-items: center; }
.mast .meta b { color: var(--ink-2); font-weight: 500; }
.toolbar { display: flex; gap: 10px; justify-content: space-between; align-items: center; padding-block: 12px 0; font-size: 13px; color: var(--muted); flex-wrap: wrap; }
button.tog { font: 600 13px var(--font-body); color: var(--ink); background: var(--surface-2); border: 1px solid var(--line); border-radius: 999px; padding: 7px 14px; cursor: pointer; }
button.tog:focus-visible, details summary:focus-visible, .tabs button:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.live { display: inline-flex; align-items: center; gap: 8px; font-family: var(--font-display); font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; font-size: 12.5px; color: var(--ink-2); background: var(--surface-2); border: 1px solid var(--line); border-radius: 999px; padding: 6px 12px; }
.live i { width: 9px; height: 9px; border-radius: 50%; background: var(--muted); display: inline-block; }
.live.on i { background: var(--accent); box-shadow: 0 0 0 4px rgba(255,59,92,0.22); animation: pulse 2s infinite; }
@keyframes pulse { 0% { box-shadow: 0 0 0 0 rgba(255,59,92,0.35); } 70% { box-shadow: 0 0 0 7px rgba(255,59,92,0); } 100% { box-shadow: 0 0 0 0 rgba(255,59,92,0); } }


.tabs { position: sticky; top: env(safe-area-inset-top, 0px); z-index: 9; background: var(--bg); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); display: flex; gap: 2px; overflow-x: auto; scrollbar-width: none; margin-top: 6px; }
.tabs::-webkit-scrollbar { display: none; }
.tabs button { flex: 0 0 auto; font: 600 14px var(--font-display); letter-spacing: 0.08em; text-transform: uppercase; color: var(--muted); background: transparent; border: 0; border-bottom: 3px solid transparent; padding: 14px 14px 11px; cursor: pointer; }
.tabs button[aria-selected="true"] { color: var(--ink); border-bottom-color: var(--accent); }
.tabs button:hover { color: var(--ink-2); }
.tab { padding-block: 28px 8px; }
.tab[hidden] { display: none !important; }


.kpis { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; padding-block: 6px 10px; }
@media (max-width: 760px) { .kpis { grid-template-columns: repeat(2, 1fr); } .kpi .v { font-size: 30px; } }
.kpi { background: var(--surface); border: 1px solid var(--line); border-radius: 10px; padding: 14px 16px 12px; min-width: 0; }
.kpi .v { font-family: var(--font-display); font-weight: 700; font-size: 38px; line-height: 1; letter-spacing: 0.01em; }
.kpi .l { font-size: 12.5px; color: var(--muted); margin-top: 6px; text-transform: uppercase; letter-spacing: 0.08em; font-family: var(--font-display); font-weight: 600; }
.kpi .s { font-size: 12.5px; color: var(--ink-2); margin-top: 4px; }
.kpi.hot .v { color: var(--accent-ink); }


.readings { display: grid; grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)); gap: 12px; padding-block: 8px 6px; }
.reading { display: grid; grid-template-columns: 112px 1fr; gap: 12px; align-items: center; background: var(--surface); border: 1px solid var(--line); border-radius: 10px; padding: 10px 14px 10px 8px; min-width: 0; }
.reading .mini { width: 112px; height: 112px; }
@media (max-width: 480px) { .reading { grid-template-columns: 90px 1fr; } .reading .mini { width: 90px; height: 90px; } }
.reading b { font-family: var(--font-display); font-weight: 700; font-size: 21px; line-height: 1.05; display: block; color: var(--ink); }
.reading span { color: var(--ink-2); font-size: 13.5px; display: block; margin-top: 4px; }
.ringwrap { position: relative; }
.scrub { display: grid; grid-template-columns: auto 1fr auto; gap: 10px 20px; align-items: center; background: var(--surface); border: 1px solid var(--line); border-radius: 12px; padding: 16px 18px 12px; margin-top: 4px; }
.scrub .play { font-family: var(--font-display); font-weight: 700; font-size: 13px; letter-spacing: 0.08em; text-transform: uppercase; background: var(--accent); color: #fff; border: 0; border-radius: 999px; padding: 11px 20px; cursor: pointer; min-width: 92px; }
.scrub .play[aria-pressed="true"] { background: var(--surface-2); color: var(--ink); }
.scrub .track { position: relative; padding: 10px 0 26px; }
.scrub input[type=range] { width: 100%; appearance: none; -webkit-appearance: none; height: 6px; border-radius: 3px; background: linear-gradient(90deg, var(--accent) var(--p, 0%), var(--grid) var(--p, 0%)); outline: none; margin: 0; }
.scrub input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 24px; height: 24px; border-radius: 50%; background: var(--ink); border: 5px solid var(--accent); box-shadow: 0 0 0 7px rgba(255,59,92,0.18); cursor: grab; }
.scrub input[type=range]::-moz-range-thumb { width: 24px; height: 24px; border-radius: 50%; background: var(--ink); border: 5px solid var(--accent); cursor: grab; }
.scrub .ticks { position: absolute; left: 12px; right: 12px; top: 26px; height: 22px; }
.scrub .ticks i { position: absolute; top: 0; width: 1px; height: 7px; background: var(--muted); }
.scrub .ticks i::after { content: attr(data-l); position: absolute; top: 9px; left: 50%; transform: translateX(-50%); font-family: var(--font-mono); font-size: 10.5px; color: var(--muted); white-space: nowrap; }
.scrub .ticks i.on { background: var(--accent); height: 10px; }
.scrub .readout { min-width: 190px; text-align: right; }
.scrub .readout b { font-family: var(--font-display); font-weight: 700; font-size: 22px; display: block; color: var(--ink); line-height: 1; }
.scrub .readout span { display: block; font-size: 12px; color: var(--muted); margin-top: 5px; }
.scrub .cmp { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 8px 18px; font-size: 13px; color: var(--ink-2); border-top: 1px solid var(--line); padding-top: 10px; }
.scrub .cmp label { display: inline-flex; gap: 6px; align-items: center; cursor: pointer; }
@media (max-width: 760px) { .scrub { grid-template-columns: auto 1fr; } .scrub .readout { grid-column: 1 / -1; text-align: left; } }
.kpi .v.up { color: var(--accent-ink); } .kpi .v.down { color: var(--blue); }
.plate-no.sm { font-size: 30px; padding-top: 8px; }
.ringwrap .center.small b { font-size: 30px; }
.ringsrow { display: grid; grid-template-columns: 1.45fr 1fr; gap: 6px; align-items: center; }
@media (max-width: 560px) { .ringsrow { grid-template-columns: 1fr; } }
.legendlist { display: flex; flex-direction: column; gap: 10px; padding: 6px 8px; }
.legendlist .lg { display: grid; grid-template-columns: 14px 1fr; gap: 10px; align-items: start; }
.legendlist .lg i { width: 14px; height: 14px; border-radius: 50%; margin-top: 4px; display: block; }
.legendlist b { font-family: var(--font-display); font-weight: 700; font-size: 19px; line-height: 1; display: block; color: var(--ink); }
.legendlist span { display: block; font-size: 12.5px; color: var(--ink-2); margin-top: 2px; }
.legendlist small { display: block; font-size: 12px; color: var(--muted); }
.ringwrap .center { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); text-align: center; pointer-events: none; }
.ringwrap .center b { font-family: var(--font-display); font-weight: 700; font-size: 34px; line-height: 1; display: block; color: var(--ink); }
.ringwrap .center span { font-family: var(--font-display); font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; font-size: 11px; color: var(--muted); display: block; margin-top: 4px; }
.ringwrap .center em { font-style: normal; color: var(--accent-ink); }
@media (max-width: 480px) { .ringwrap .center b { font-size: 20px; } .ringwrap .center.small b { font-size: 20px; } .ringwrap .center span { font-size: 9px; letter-spacing: 0.04em; } }
.sector { display: grid; grid-template-columns: 1fr; gap: 6px; }
.sector .viz { display: grid; grid-template-columns: 120px 1fr; gap: 8px; align-items: center; }
.sector .gauge { width: 120px; height: 120px; position: relative; }
.sector .gauge .n { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); text-align: center; font-family: var(--font-display); font-weight: 700; font-size: 22px; line-height: 1; pointer-events: none; }
.sector .gauge .n small { display: block; font-size: 10px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: var(--muted); margin-top: 3px; }
.sector .rose { width: 100%; height: 130px; min-width: 0; }
.sector .chipsrow { display: flex; flex-wrap: wrap; gap: 4px 6px; }
.sector .chipsrow span { font-size: 11.5px; color: var(--ink-2); background: var(--surface-2); border: 1px solid var(--line); border-radius: 999px; padding: 1px 8px; }
.sector .chipsrow span.hot { color: var(--accent-ink); border-color: var(--accent-ink); }


.plate { padding-block: 22px 8px; }
.plate + .plate { border-top: 1px solid var(--line); margin-top: 18px; }
.plate-head { display: grid; grid-template-columns: 56px 1fr; gap: 16px; align-items: start; margin-bottom: 14px; }
.plate-no { font-family: var(--font-display); font-weight: 700; font-size: 44px; line-height: 0.9; color: var(--muted); }
.plate-head .deck { color: var(--ink-2); max-width: 80ch; margin-top: 8px; }
.fig { background: var(--surface); border: 1px solid var(--line); border-radius: 12px; padding: 14px 10px 8px; margin-top: 12px; min-width: 0; }
.fig .cap { display: flex; flex-wrap: wrap; gap: 6px 16px; justify-content: space-between; align-items: baseline; padding: 0 8px 6px; font-size: 13px; color: var(--muted); }
.fig .cap b { color: var(--ink-2); font-weight: 500; }
.chart { width: 100%; min-width: 0; }
.two { display: grid; grid-template-columns: 1.4fr 1fr; gap: 12px; }
.two.even { grid-template-columns: 1fr 1fr; }
@media (max-width: 860px) { .two, .two.even { grid-template-columns: 1fr; } .mast { grid-template-columns: 1fr; } .mast img { width: 110px; height: 110px; } .plate-head { grid-template-columns: 1fr; } .plate-no { font-size: 28px; } }
.chips { display: flex; flex-wrap: wrap; gap: 8px 14px; padding: 6px 8px 4px; font-size: 13px; color: var(--ink-2); }
.chip { display: inline-flex; align-items: center; gap: 7px; }
.chip i { width: 14px; height: 14px; border-radius: 3px; display: inline-block; }
.chip i.ring { background: transparent; border: 2px solid var(--accent); border-radius: 3px; }


details { margin-top: 10px; }
details summary { cursor: pointer; font-family: var(--font-display); font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; font-size: 13px; color: var(--muted); padding: 6px 8px; }
.tbl { overflow-x: auto; margin-top: 6px; }
table { border-collapse: collapse; width: 100%; font-size: 13px; }
th, td { text-align: left; padding: 6px 10px; border-bottom: 1px solid var(--line); white-space: nowrap; }
td.w { white-space: normal; max-width: 460px; }
th { font-family: var(--font-display); font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; font-size: 12px; color: var(--muted); }
td.r, th.r { text-align: right; font-variant-numeric: tabular-nums; }
.pill { display: inline-block; padding: 1px 8px; border-radius: 999px; font-size: 12px; font-weight: 600; border: 1px solid var(--line); background: var(--surface-2); }
.pill.fix { color: var(--c-fix0); } .pill.eol { color: var(--c-eol0); }
#t-distro td:nth-child(2), #t-distro td:nth-child(4) { white-space: normal; }


.notes { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 14px; margin-top: 16px; }
.note { background: var(--surface); border: 1px solid var(--line); border-radius: 10px; padding: 14px 16px; min-width: 0; }
.note h3 { margin-bottom: 6px; }
.note p, .note li { color: var(--ink-2); font-size: 14px; }
.note ul { margin: 6px 0 0; padding-left: 18px; }
.note .src { font-size: 12px; color: var(--muted); margin-top: 8px; word-break: break-all; }
.gov { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 14px; margin-top: 12px; }
.gov .note { border-left: 3px solid var(--accent); }
.gov .form { font-family: var(--font-display); font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; font-size: 12px; color: var(--muted); }
.sectors-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(270px, 1fr)); gap: 12px; margin-top: 12px; }
.sector { background: var(--surface); border: 1px solid var(--line); border-radius: 10px; padding: 12px 14px; min-width: 0; }
.sector h3 { font-size: 18px; }
.sector .nums { display: flex; gap: 14px; margin: 6px 0 4px; font-size: 13px; color: var(--ink-2); flex-wrap: wrap; }
.sector .nums b { font-family: var(--font-display); font-size: 20px; font-weight: 700; color: var(--ink); }
.sector p { font-size: 13.5px; color: var(--ink-2); }
.sector .meter { height: 6px; background: var(--surface-2); border-radius: 3px; overflow: hidden; margin: 8px 0 6px; }
.sector .meter i { display: block; height: 100%; background: var(--blue); }
pre { background: var(--surface-2); border: 1px solid var(--line); border-radius: 8px; padding: 12px 14px; overflow-x: auto; font-size: 12.5px; line-height: 1.5; color: var(--ink); margin: 8px 0 0; }
.diag { background: #3a1420; color: #ffd0d8; border: 1px solid #ff3b5c; border-radius: 8px; padding: 10px 14px; font-size: 13px; margin-top: 10px; }
footer { margin-top: 36px; padding-top: 16px; border-top: 1px solid var(--line); font-size: 12.5px; color: var(--muted); display: flex; flex-wrap: wrap; gap: 8px 20px; justify-content: space-between; }
@media (prefers-reduced-motion: reduce) { * { animation: none !important; transition: none !important; } }
.export-controls { display:flex; flex-wrap:wrap; align-items:end; gap:16px; margin:16px 0; }
.export-controls label { display:grid; gap:6px; font-size:14px; }
.export-controls select, #api-requests { color:var(--ink); background:var(--surface); border:1px solid var(--line); border-radius:6px; padding:10px; font:inherit; max-width:100%; }
#api-requests { width:100%; min-height:260px; resize:vertical; font:12px/1.6 monospace; white-space:pre; }
.export-box { padding:20px; }
a.tog { text-decoration:none; }
a.tog[aria-disabled="true"] { opacity:.5; cursor:default; }
#export-freshness { overflow-wrap:anywhere; font-size:13px; }
#tab-exports details { margin-bottom:18px; }
#tab-exports button:disabled { opacity:.5; }


.mast { position:relative; isolation:isolate; display:block; overflow:hidden; padding-block:40px 28px; }
.mast > img { position:absolute; z-index:0; width:min(85vw,650px); height:min(85vw,650px); max-width:none; left:50%; top:45%; transform:translate(-50%,-50%); opacity:.13; filter:none; pointer-events:none; object-fit:contain; }
.mast > div { position:relative; z-index:1; }

.plate-head {grid-template-columns:1fr;}
#github-pocs td {vertical-align:top; overflow-wrap:anywhere;}
#tab-issues {

.plate-no.sm { font-size: 30px; padding-top: 8px; }
.diag { background: #3a1420; color: #ffd0d8; border: 1px solid #ff3b5c; border-radius: 8px; padding: 10px 14px; font-size: 13px; margin-top: 10px; }
.waffles { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 12px; padding: 6px 8px 2px; }
.waffle { text-align: center; }
.waffle .chart { height: 190px; }
.waffle b { font-family: var(--font-display); font-weight: 700; font-size: 20px; display: block; line-height: 1; }
.waffle span { display: block; font-size: 12px; color: var(--muted); margin-top: 3px; }
.waffle .v { font-family: var(--font-mono); font-size: 13px; color: var(--ink); margin-top: 4px; display: block; }
.ringsrow { display: grid; grid-template-columns: 1.15fr 1fr; gap: 6px; align-items: center; }
@media (max-width: 560px) { .ringsrow { grid-template-columns: 1fr; } }
.legendlist { display: flex; flex-direction: column; gap: 10px; padding: 6px 8px; }
.legendlist .lg { display: grid; grid-template-columns: 14px 1fr; gap: 10px; align-items: start; }
.legendlist .lg i { width: 14px; height: 14px; border-radius: 50%; margin-top: 4px; display: block; }
.legendlist b { font-family: var(--font-display); font-weight: 700; font-size: 19px; line-height: 1; display: block; color: var(--ink); }
.legendlist span { display: block; font-size: 12.5px; color: var(--ink-2); margin-top: 2px; }
.legendlist small { display: block; font-size: 12px; color: var(--muted); }
.cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 12px; margin-top: 12px; }
.card { background: var(--surface); border: 1px solid var(--line); border-radius: 10px; padding: 12px 14px; min-width: 0; border-left: 3px solid var(--accent); }
.card .id { font-family: var(--font-mono); font-size: 13px; color: var(--accent-ink); }
.card h3 { font-size: 17px; margin-top: 2px; }
.card p { font-size: 13px; color: var(--ink-2); margin-top: 6px; }
.card .row { display: flex; flex-wrap: wrap; gap: 4px 6px; margin-top: 8px; }
.card .row span { font-size: 11.5px; color: var(--ink-2); background: var(--surface-2); border: 1px solid var(--line); border-radius: 999px; padding: 1px 8px; }
.card .row span.hot { color: var(--accent-ink); border-color: var(--accent-ink); }
.kpi .v.small { font-size: 30px; }
.mono { font-family: var(--font-mono); }
.scrollx { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.scrollx > .chart { min-width: 760px; }
.scrollx.narrow > .chart { min-width: 600px; }

}
body{font-family:Barlow,-apple-system,"Segoe UI",Roboto,sans-serif;}
#poc-new{max-height:280px;overflow:auto;}
.metric-token{font-family:var(--font-mono);font-weight:700;color:var(--blue);background:var(--surface-2);border-radius:3px;padding:0 .18em;} .metric-token.cve-token{color:var(--accent-ink);}


.apband { --ap-bg:#07040f; --ap-ink:#f3f1fb; --ap-ink2:#c7c0e4; --ap-mute:#8a83ad; --ap-silver:#cfd3e6;
  --ap-neon:#ff0a3c; --ap-neon2:#ff2d6f; --ap-rose:#ff4d8a; --ap-violet:#8a5cff; --ap-purple:#5b2bd6; --ap-lav:#c9b8ff; --ap-magenta:#d6197f;
  --font-display:"Barlow Condensed","Arial Narrow",Impact,sans-serif; --font-body:"Barlow","Segoe UI",system-ui,sans-serif; --font-mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  position:relative; margin:14px 0 6px; border-radius:0; overflow:visible; background:transparent; border:0; box-shadow:none; }
.apband .grid { display:grid; grid-template-columns: minmax(0,1.28fr) minmax(0,1fr); gap:0 20px; align-items:center; padding:10px 18px 14px; }
@media (max-width:860px){ .apband .grid { grid-template-columns:1fr; padding:6px 10px 12px; } }
.apband .stage { position:relative; width:100%; max-width:760px; margin:0 auto; }
.apband svg { width:100%; height:auto; display:block; overflow:visible; }
.apband .seg { cursor:pointer; }
.apband .core-num { font-family:var(--font-display); font-weight:700; fill:var(--ap-ink); letter-spacing:-.005em; }
.apband .core-cap { font-family:var(--font-display); font-weight:600; fill:var(--ap-lav); letter-spacing:.14em; text-transform:uppercase; }
.apband .lbl-num { font-family:var(--font-display); font-weight:700; fill:var(--ap-ink); }
.apband .lbl-lab { font-family:var(--font-body); font-weight:500; fill:var(--ap-ink2); }
.apband .lbl-sub { font-family:var(--font-mono); fill:var(--ap-mute); }
.apband .lblg { opacity:0; transform:translateY(10px); transition:opacity .6s cubic-bezier(.16,1,.3,1), transform .7s cubic-bezier(.16,1,.3,1); }
.apband.ready .lblg { opacity:1; transform:none; }
.apband .side { min-width:0; padding:8px 0; }
.apband .read { font-family:var(--font-display); font-weight:700; font-size:clamp(28px,3.1vw,40px); line-height:1.03; color:var(--ap-ink); letter-spacing:.005em; }
.apband .read em { font-style:normal; color:var(--ap-neon2); text-shadow:0 0 18px rgba(255,45,111,.45); }
.apband .read small { display:block; font-size:.46em; color:var(--ap-ink2); font-weight:500; margin-top:9px; letter-spacing:.01em; line-height:1.3; }
.apband .caveat { font-family:var(--font-body); font-size:13px; line-height:1.45; color:var(--ap-mute); margin:14px 0 0; max-width:46ch; }
.apband .strip { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:11px 14px; margin-top:16px; }
@media (max-width:480px){ .apband .strip { grid-template-columns:repeat(2,minmax(0,1fr)); } }
.apband .strip b { display:block; font-family:var(--font-display); font-weight:700; font-size:25px; line-height:1; color:var(--ap-ink); }
.apband .strip span { display:block; font-family:var(--font-display); font-weight:600; font-size:11.5px; letter-spacing:.1em; text-transform:uppercase; color:var(--ap-mute); margin-top:4px; }
.apband .strip i { display:block; font-style:normal; font-size:12px; color:var(--ap-ink2); margin-top:2px; font-family:var(--font-body); }
.apband .side, .apband .strip > div { opacity:0; transform:translateY(8px); transition:opacity .7s cubic-bezier(.16,1,.3,1), transform .8s cubic-bezier(.16,1,.3,1); }
.apband.ready .side { opacity:1; transform:none; }
.apband.ready .strip > div { opacity:1; transform:none; }
.apband.ready .strip > div:nth-child(1){transition-delay:.52s} .apband.ready .strip > div:nth-child(2){transition-delay:.58s} .apband.ready .strip > div:nth-child(3){transition-delay:.64s} .apband.ready .strip > div:nth-child(4){transition-delay:.70s} .apband.ready .strip > div:nth-child(5){transition-delay:.76s} .apband.ready .strip > div:nth-child(6){transition-delay:.82s}
@keyframes ap-breathe { 0%,100% { opacity:.20 } 50% { opacity:.34 } }
@keyframes ap-breathe2 { 0%,100% { opacity:.14 } 50% { opacity:.26 } }
.apband .halo-a { animation:ap-breathe 7.5s ease-in-out infinite; }
.apband .halo-b { animation:ap-breathe2 9.5s ease-in-out infinite; }
@media (prefers-reduced-motion: reduce){ .apband .halo-a, .apband .halo-b { animation:none; } .apband .lblg, .apband .side, .apband .strip > div { transition:none; } }
@keyframes ap-breathe-l { 0%,100% { opacity:.12 } 50% { opacity:.20 } }
@keyframes ap-breathe-l2 { 0%,100% { opacity:.08 } 50% { opacity:.15 } }
[data-theme="light"] .apband { --ap-ink:#231033; --ap-ink2:#43285d; --ap-mute:#604375; }
[data-theme="light"] .apband .halo-a { opacity:.12; animation-name:ap-breathe-l; }
[data-theme="light"] .apband .halo-b { opacity:.08; animation-name:ap-breathe-l2; }
[data-theme="light"] .apband .core-num { fill:#f3f1fb; }
[data-theme="light"] .apband .core-cap { fill:#c9b8ff; }
[data-theme="light"] .apband .lbl-num { fill:#231033; }
#parked-sector-ring{display:none!important}

.unavailable{display:flex;align-items:center;justify-content:center;color:var(--muted);min-height:180px;text-align:center;padding:24px}.release-state{padding:16px;color:var(--muted)}[hidden]{display:none!important}

.research-logo{display:inline-block;vertical-align:middle;margin-right:7px;object-fit:contain}

.syntax-number,.syntax-cve{font-family:var(--font-mono,monospace);font-weight:700;padding:0 .12em;border-radius:2px;background:color-mix(in srgb,var(--blue) 16%,transparent)}
.syntax-number{color:var(--blue)}.syntax-cve{color:var(--accent);background:color-mix(in srgb,var(--accent) 16%,transparent)}
.mast > img{opacity:.19}
/* Flat surfaces and hairline boundaries across every tab. */
:root{--card-hairline:color-mix(in srgb,var(--ink) 10%,transparent)}
.fig,.card,.kpi,.reading,.scrub,.note,.sector,.research-document,.research-card,
.gov article,.notes article,.cards article,.sectors-grid article,pre,details{
 background:transparent;border:.5px solid var(--card-hairline);border-radius:0;box-shadow:none;
}
.card{border-left:.5px solid var(--card-hairline)}
.tbl table,.tablewrap table{background:transparent;box-shadow:none;border-radius:0}
th,td{border-color:var(--card-hairline);border-width:.5px}

.top-nav{display:flex;align-items:center;gap:18px;border-bottom:.5px solid var(--card-hairline);flex-wrap:wrap;padding:0}
.top-nav .tabs{flex:1;min-width:0;margin:0;border:0}
.top-nav .toolbar{margin:0;padding:0;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.top-nav .live,.top-nav button.tog{border:0;border-radius:0;background:transparent;box-shadow:none;padding:8px 0;font:500 12px var(--font-body);letter-spacing:0;text-transform:none}
.top-nav .live i{width:5px;height:5px;box-shadow:none;animation:none}
.top-nav button.tog:hover{text-decoration:underline}
@media(max-width:900px){.top-nav .tabs{flex-basis:100%}.top-nav .toolbar{padding-bottom:8px}}

#ap-caveat1{white-space:pre-line}
.mast .meta:empty{display:none}

@media(min-width:861px){.apband .grid{grid-template-columns:minmax(0,2.15fr) minmax(0,1fr);gap:0 24px;padding:0}.apband .stage{max-width:none}.apband .side .read{font-size:clamp(23px,2.1vw,34px)}}

.fig,.card,.kpi,.reading,.scrub,.note,.sector,.research-document,.research-card,.gov article,.notes article,.cards article,.sectors-grid article,pre,details{border-radius:24px}
hr{display:none}.plate,.plate-head,.top-nav,.tabs,.mast,footer,.footer{border:0!important}th,td{border:0}.section-divider{display:none}

.apband .lede{font-size:15px;line-height:1.65;color:var(--ink-2);margin:18px 0}.apband .side .read{margin-bottom:12px}

:root{--series-exploit:#ed3157;--series-scanner:#456fc4;--series-mitigation:#3695dd;--series-lab:#9c91b7;--series-other:#667084;--series-positive:#2cc5a0}
:root[data-theme=light]{--series-exploit:#bc2245;--series-scanner:#3759a1;--series-mitigation:#226da3;--series-lab:#756884;--series-other:#7a8390;--series-positive:#087f68}
.poc-scrubber{display:flex;align-items:center;gap:12px;max-width:100%;padding:8px 0;color:var(--muted);font-size:12px}.poc-scrubber input{flex:1;min-width:0;height:3px;accent-color:var(--muted);opacity:.8}.poc-scrubber input:hover,.poc-scrubber input:focus-visible{opacity:1}

#poc-new,#poc-all{max-width:100%;overflow-x:auto}#poc-new table,#poc-all table{width:100%;table-layout:fixed}#poc-new th,#poc-new td,#poc-all th,#poc-all td{white-space:normal;overflow-wrap:anywhere;word-break:normal;vertical-align:top;padding:9px 12px}#poc-new th:first-child,#poc-all th:first-child{width:28%}#poc-new th:nth-child(2),#poc-all th:nth-child(2){width:11%}#poc-all th:nth-child(3){width:12%}#poc-new th:last-child{width:12%}#poc-all{max-height:65vh;overflow:auto}#poc-details{padding:12px;max-width:100%;min-width:0}#poc-details summary{padding:6px 0}#poc-readout:empty,#poc-status:empty{display:none}

#public-pocs .fig .poc-scrubber{margin:0 24px 10px;padding:4px 0}.top-nav .tabs button{display:inline-flex;align-items:center;justify-content:center;line-height:1;min-height:44px;gap:7px}.top-nav .tabs button:first-child{padding-left:0}.top-nav .research-logo{display:block;width:14px;height:14px;margin:0;vertical-align:initial}

/* Shared content watermark, outside the masthead and behind each tab. */
.tab{position:relative;isolation:isolate}
.tab::before{content:"";position:absolute;top:40px;right:0;width:min(65vw,650px);height:min(65vw,650px);background:url('/vendor/atlas-logo.webp') center/contain no-repeat;opacity:.13;pointer-events:none;z-index:-1}