/* DOOMSDAY tab (CJ 10/13, first screen redesigned 10/14): continuity of government, real data only. Fallout-shelter amber accent (--dd).
   Panel top to bottom: hook + WHAT YOU CAN DO HERE, status hero, Doomsday Clock strip, big AIRBORNE / GROUND tabs, then fleet or bunker cards
   (plain why-line on each, detail one tap deep). Phone + light theme at the bottom. */
:root{--dd:#f2b705;--dd2:#ffd866;--dd-ink:#ffe7a3}
html[data-theme="light"]{--dd:#a87400;--dd2:#7a5400;--dd-ink:#5c3f00}
#rail button.doomsday-rail{color:color-mix(in srgb,var(--dd) 70%,var(--dim))}
#rail button.doomsday-rail.on{color:var(--m-hi,var(--ink));border-left-color:var(--dd);background:linear-gradient(90deg,color-mix(in srgb,var(--dd) 14%,transparent),transparent)}
#catstrip button.doomsday-strip.on{color:var(--m-hi,var(--ink));border-bottom-color:var(--dd)}

.dd{display:flex;flex-direction:column;gap:10px}
.dd svg{flex:none}
.dd-h{display:flex;align-items:baseline;justify-content:space-between;gap:8px;border-bottom:1px solid color-mix(in srgb,var(--dd) 40%,transparent);padding-bottom:6px}
.dd-h h2{font:700 20px/1 var(--hd);letter-spacing:.24em;color:var(--dd2);margin:0}
.dd-h span{font-size:9px;letter-spacing:.24em;color:var(--dd);display:flex;align-items:center;gap:6px}
.dd-h span::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--dd);box-shadow:0 0 8px var(--dd);animation:ddblink 1.4s steps(2) infinite}
@keyframes ddblink{50%{opacity:.25}}
.dd-hook{margin:0;font-size:12px;line-height:1.5;color:var(--ink);letter-spacing:.02em}
.dd-do{display:flex;flex-direction:column;gap:5px}
.dd-do>span{font-size:9px;letter-spacing:.22em;color:var(--mute)}
.dd-do div{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}
.dd-do button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;font-size:9px;line-height:1.3;letter-spacing:.08em;color:var(--ink);border:1px solid var(--line2);background:var(--m-wash);padding:7px 4px}
.dd-do button svg{width:18px;height:18px;color:var(--dd)}
.dd-do button:hover{border-color:var(--dd);background:color-mix(in srgb,var(--dd) 12%,transparent)}
.dd-note{font-size:10px;line-height:1.55;letter-spacing:.04em;color:var(--dim);border-left:2px solid var(--line);padding:5px 0 5px 9px}
.dd-src{font-size:9px;letter-spacing:.12em;color:var(--mute);line-height:1.5}
.dd-src a{color:var(--cy2);text-decoration:none;border-bottom:1px dotted color-mix(in srgb,var(--cy2) 50%,transparent)}
.dd-src a:hover{color:var(--m-hi,var(--ink))}
.dd-cap{font-size:9px;letter-spacing:.16em;color:var(--mute);line-height:1.5}
.dd-sec{display:flex;align-items:baseline;justify-content:space-between;gap:8px;font-size:10px;letter-spacing:.26em;color:var(--dd2)}
.dd-sec small{font-size:9px;letter-spacing:.14em;color:var(--mute)}

/* ---------- status hero ---------- */
.dd-hero{--c:var(--dd);display:flex;flex-direction:column;gap:6px;padding:12px 12px 12px 14px;border:1px solid color-mix(in srgb,var(--c) 45%,transparent);border-left:4px solid var(--c);background:linear-gradient(135deg,color-mix(in srgb,var(--c) 10%,transparent),var(--m-wash) 70%);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%)}
.dd-hero em{font-style:normal;font-size:9px;letter-spacing:.2em;color:var(--dim);display:flex;align-items:center;gap:7px}
.dd-hero b{font:700 19px/1.15 var(--hd);letter-spacing:.1em;color:var(--dd-ink)}
.dd-hero p{margin:0;font-size:11px;line-height:1.5;color:var(--m-ink2,var(--ink))}
.dd-last{font-size:10px;letter-spacing:.08em;line-height:1.5;color:var(--dim);border-top:1px dashed var(--line2);padding-top:6px}
.dd-last b{font:inherit;font-weight:600;letter-spacing:inherit;color:var(--ink)}
.dd-hero.wait{flex-direction:row;align-items:center;gap:12px}
.dd-hero.wait div{display:flex;flex-direction:column;gap:3px}
.dd-hero.wait b{font-size:16px}
.dd-hero.hot{background:linear-gradient(135deg,color-mix(in srgb,var(--c) 22%,transparent),color-mix(in srgb,var(--c) 5%,transparent));border-color:var(--c);animation:ddglow 1.8s ease-in-out infinite}
.dd-hero.hot em{color:var(--c);font-weight:600}
.dd-hero.hot b{font-size:24px;color:var(--m-hi,var(--ink))}
.dd-hero.hot strong{font:700 15px/1.25 var(--hd);letter-spacing:.1em;color:var(--dd-ink)}
.dd-hs{font-size:10px;letter-spacing:.1em;color:var(--ink);font-variant-numeric:tabular-nums}
.dd-hx{font-size:9px;letter-spacing:.14em;color:var(--dim)}
.dd-dot{width:8px;height:8px;border-radius:50%;background:var(--c);box-shadow:0 0 10px var(--c);animation:ddblink 1s steps(2) infinite}
@keyframes ddglow{50%{box-shadow:0 0 22px color-mix(in srgb,var(--c) 45%,transparent)}}
.dd-radar{width:40px;height:40px;flex:none;border-radius:50%;border:1px solid color-mix(in srgb,var(--dd) 55%,transparent);position:relative;overflow:hidden;
  background:radial-gradient(circle,transparent 30%,color-mix(in srgb,var(--dd) 20%,transparent) 31%,transparent 33%,transparent 62%,color-mix(in srgb,var(--dd) 20%,transparent) 63%,transparent 65%)}
.dd-radar::after{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,color-mix(in srgb,var(--dd) 60%,transparent),transparent 28%);animation:ddsweep 2.4s linear infinite}
.dd-radar.sm{width:14px;height:14px}
@keyframes ddsweep{to{transform:rotate(360deg)}}

/* ---------- buttons ---------- */
.dd-btns{display:flex;flex-wrap:wrap;gap:5px}
.dd-btns button,.dd-more{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 11px;border:1px solid color-mix(in srgb,var(--dd) 60%,transparent);color:var(--m-hi,var(--ink));background:color-mix(in srgb,var(--dd) 10%,transparent);font-size:9.5px;letter-spacing:.14em;transition:.15s}
.dd-btns button svg,.dd-more svg{width:15px;height:15px}
.dd-btns button:hover,.dd-more:hover{background:color-mix(in srgb,var(--dd) 24%,transparent);box-shadow:0 0 14px color-mix(in srgb,var(--dd) 25%,transparent)}
.dd-btns button.pri{background:var(--dd);border-color:var(--dd);color:#120c00;font-weight:700}
.dd-btns button.pri:hover{background:var(--dd2)}
.dd-more{width:100%}

/* ---------- doomsday clock strip ---------- */
.dd-clock{border:1px solid color-mix(in srgb,var(--dd) 28%,transparent);background:color-mix(in srgb,var(--dd) 5%,transparent)}
.dd-clock>button{display:grid;grid-template-columns:40px 1fr auto;gap:10px;align-items:center;width:100%;text-align:left;padding:7px 10px}
.dd-clock>button:hover{background:color-mix(in srgb,var(--dd) 10%,transparent)}
.dd-clock>button span{display:flex;flex-direction:column;gap:1px;min-width:0}
.dd-clock>button i{font-style:normal;font-size:9px;letter-spacing:.2em;color:var(--dim)}
.dd-clock>button b{font:700 15px/1.15 var(--hd);letter-spacing:.12em;color:var(--dd-ink)}
.dd-clock>button small{font-size:9px;letter-spacing:.1em;color:var(--mute)}
.dd-clock .cv,.dd-fh .cv{font-style:normal;font-size:15px;line-height:1;color:var(--dd);width:14px;text-align:center}
.dd-cx{display:flex;flex-direction:column;gap:5px;padding:2px 10px 9px 60px}
.dd-cx p{margin:0;font-size:10px;line-height:1.5;color:var(--m-ink2,var(--ink))}
.dd-cl{fill:none;stroke:var(--dd);stroke-width:2.4;stroke-linecap:round}
.dd-cl circle:first-child{stroke-width:2;fill:var(--m-well,rgba(0,0,0,.35))}
.dd-cl .mh{stroke:var(--red2);stroke-width:2.6}.dd-cl .hh{stroke-width:3.4}.dd-cl .pin{fill:var(--dd);stroke:none}

/* ---------- big view tabs ---------- */
.dd-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;scroll-margin-top:8px}
.dd-tabs button{position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:9px;row-gap:2px;align-items:center;text-align:left;padding:10px 10px 9px;border:1px solid var(--line2);border-bottom:3px solid var(--line2);background:var(--m-wash);color:var(--dim);transition:.15s}
.dd-tabs button svg{grid-row:1/3;width:26px;height:26px}
.dd-tabs button b{font:700 15px/1 var(--hd);letter-spacing:.18em;color:var(--ink)}
.dd-tabs button span{font-size:9px;letter-spacing:.08em;line-height:1.3;color:var(--mute)}
.dd-tabs button:hover{border-color:color-mix(in srgb,var(--dd) 50%,transparent);background:var(--m-wash2)}
.dd-tabs button.on{border-color:var(--dd);background:color-mix(in srgb,var(--dd) 13%,transparent);color:var(--dd)}
.dd-tabs button.on b{color:var(--m-hi,var(--ink))}.dd-tabs button.on span{color:var(--ink)}
.dd-tabs u{position:absolute;top:-7px;right:6px;text-decoration:none;font-size:9px;letter-spacing:.08em;padding:1px 5px;color:#120c00;background:var(--dd);font-weight:700;box-shadow:0 0 10px var(--dd)}
.dd-view{display:flex;flex-direction:column;gap:7px}

/* ---------- fleet cards ---------- */
.dd-f{display:flex;flex-direction:column;border:1px solid var(--line2);border-left:3px solid var(--c);background:var(--m-wash)}
.dd-f.hot{border-color:color-mix(in srgb,var(--c) 60%,transparent);background:color-mix(in srgb,var(--c) 9%,transparent)}
.dd-fh{display:grid;grid-template-columns:1fr auto;gap:4px 8px;text-align:left;padding:9px 10px;width:100%}
.dd-fh:hover{background:var(--m-wash2)}
.dd-fn{display:flex;align-items:baseline;gap:8px;min-width:0}
.dd-fn b{font-size:12.5px;letter-spacing:.16em;color:var(--m-hi,var(--ink));font-weight:600}
.dd-fn small{font-size:9px;letter-spacing:.14em;color:var(--c)}
.dd-why{grid-column:1/-1;font-size:10.5px;line-height:1.5;color:var(--m-ink2,var(--ink));letter-spacing:.02em}
.dd-fs{grid-column:1/-1;display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:.12em;color:var(--mute)}
.dd-fs u{text-decoration:none;color:#120c00;background:var(--c);padding:1px 5px;font-weight:700}
.dd-dots{display:flex;flex-wrap:wrap;gap:3px;max-width:60%}
.dd-dots i{width:7px;height:7px;border-radius:50%;border:1px solid color-mix(in srgb,var(--c) 70%,transparent)}
.dd-dots i.was{background:color-mix(in srgb,var(--c) 40%,transparent)}
.dd-dots i.on{background:var(--c);box-shadow:0 0 6px var(--c);animation:ddblink 1s steps(2) infinite}
.dd-fx{display:flex;flex-direction:column;gap:7px;padding:8px 10px 10px;border-top:1px solid var(--line2)}
.dd-af{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:3px}
.dd-a{display:flex;flex-direction:column;gap:1px;text-align:left;padding:4px 6px;border:1px solid var(--line2);background:var(--m-wash);min-width:0}
.dd-a:hover{background:var(--m-wash2)}
.dd-a b{font-size:10px;letter-spacing:.08em;color:var(--ink);font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dd-a i{font-style:normal;font-size:9px;letter-spacing:.06em;color:var(--mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dd-a.dd-seen{border-color:color-mix(in srgb,var(--c) 35%,transparent)}.dd-a.dd-seen i{color:var(--c)}
.dd-a.dd-on{border-color:var(--c);background:color-mix(in srgb,var(--c) 16%,transparent);grid-column:span 2}
.dd-a.dd-on b{color:var(--m-hi,var(--ink));font-weight:600}.dd-a.dd-on i{color:var(--c)}
.dd-who{font-size:9px;letter-spacing:.12em;color:var(--dim);line-height:1.5}
.dd-fx ul{margin:0;padding:0 0 0 14px;display:flex;flex-direction:column;gap:4px}
.dd-fx li{font-size:10px;line-height:1.5;color:var(--m-ink2,var(--ink));letter-spacing:.02em}
.dd-fx li::marker{color:var(--c)}
.dd-hm{font-size:9px;letter-spacing:.14em;color:var(--mute)}

/* ---------- what else is flying ---------- */
.dd-mil{border:1px solid var(--line2);background:var(--m-wash)}
.dd-mil>button{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;width:100%;text-align:left;padding:7px 10px}
.dd-mil>button:hover{background:var(--m-wash2)}
.dd-mil>button b{font:600 20px/1 var(--hd);color:var(--cy2);font-variant-numeric:tabular-nums}
.dd-mil>button span{font-size:9.5px;letter-spacing:.08em;line-height:1.45;color:var(--ink)}
.dd-mil>button u{text-decoration:none;color:var(--cy2);white-space:nowrap}
.dd-mil ul{list-style:none;margin:0;padding:0 10px 9px;display:flex;flex-direction:column;gap:2px}
.dd-mil li{display:grid;grid-template-columns:26px 1fr;gap:8px;font-size:9.5px;letter-spacing:.06em;color:var(--m-ink2,var(--ink))}
.dd-mil li b{font-weight:600;color:var(--cy2);text-align:right;font-variant-numeric:tabular-nums}

/* ---------- ground ---------- */
.dd-leg{display:flex;flex-wrap:wrap;gap:3px}
.dd-leg button{display:flex;align-items:center;gap:5px;font-size:9px;letter-spacing:.12em;color:var(--dim);border:1px solid var(--line2);padding:4px 7px}
.dd-leg button i{width:8px;height:8px;border-radius:50%;border:2px solid var(--c);flex:none}
.dd-leg button:hover{color:var(--ink)}
.dd-leg button.on{color:var(--m-hi,var(--ink));border-color:var(--c);background:color-mix(in srgb,var(--c) 14%,transparent)}
.dd-sites{display:flex;flex-direction:column;gap:4px}
.dd-s{border:1px solid var(--line2);border-left:3px solid var(--c);background:var(--m-wash)}
.dd-s.xp{border-color:color-mix(in srgb,var(--c) 50%,transparent);background:var(--m-wash2)}
.dd-sh{display:grid;grid-template-columns:1fr auto;gap:4px 8px;align-items:start;text-align:left;width:100%;padding:8px 9px}
.dd-sh:hover{background:var(--m-wash2)}
.dd-sn{display:flex;flex-direction:column;gap:2px;min-width:0}
.dd-sn b{font-size:10.5px;letter-spacing:.12em;color:var(--m-hi,var(--ink));font-weight:600;line-height:1.35}
.dd-sn em{font-style:normal;font-size:9px;letter-spacing:.12em;color:var(--mute)}
.dd-sh u{text-decoration:none;font-size:9px;letter-spacing:.1em;color:var(--c);border:1px solid color-mix(in srgb,var(--c) 60%,transparent);padding:1px 4px;white-space:nowrap}
.dd-sh .dd-why{font-size:10px}
.dd-sx{display:flex;flex-direction:column;gap:7px;padding:6px 9px 10px;border-top:1px solid var(--line2)}
.dd-ev{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}
.dd-ev li{display:grid;grid-template-columns:38px 1fr;gap:8px;font-size:10px;line-height:1.5;color:var(--m-ink2,var(--ink))}
.dd-ev i{font-style:normal;font:600 12px/1.3 var(--hd);letter-spacing:.06em;color:var(--c)}
.dd-ll{font-size:9px;letter-spacing:.14em;color:var(--mute);font-variant-numeric:tabular-nums}

@media (prefers-reduced-motion:reduce){.dd-radar::after,.dd-hero.hot,.dd-dot,.dd-dots i.on,.dd-h span::before{animation:none}}

/* ---------- touch + focus ---------- */
@media (pointer:coarse){
  .dd-fh,.dd-sh,.dd-btns button,.dd-more,.dd-clock>button,.dd-mil>button{min-height:44px}
  .dd-tabs button{min-height:56px}
  .dd-do button{min-height:38px}
  .dd-a{min-height:40px;justify-content:center}
  .dd-leg button{min-height:36px}
}
:is(.dd-tabs button,.dd-fh,.dd-a,.dd-sh,.dd-btns button,.dd-more,.dd-leg button,.dd-do button,.dd-clock>button,.dd-mil>button):focus-visible{outline:2px solid var(--dd);outline-offset:1px}

/* ---------- phone ---------- */
@media (max-width:760px), (max-height:500px) and (pointer:coarse){
  .dd-h h2{font-size:18px}
  .dd-hook{font-size:12.5px}
  .dd-hero b{font-size:17px}.dd-hero.hot b{font-size:21px}
  .dd-af{grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}
  .dd-tabs button{padding:9px 8px 8px;column-gap:7px}.dd-tabs button svg{width:22px;height:22px}
  .dd-a b{font-size:10.5px}
  .dd-cx{padding-left:10px}
}

/* ---------- light theme: accent hues are data, pull their text toward ink on paper ---------- */
html[data-theme="light"] :is(.dd-fn small,.dd-a.dd-seen i,.dd-a.dd-on i,.dd-sh u,.dd-ev i,.dd-hero.hot em){color:color-mix(in srgb,var(--c) 40%,var(--ink))}
html[data-theme="light"] .dd-sh u{border-color:color-mix(in srgb,var(--c) 70%,var(--ink))}
html[data-theme="light"] .dd-cl .mh{stroke:var(--red)}
html[data-theme="light"] .dd-fs u{color:#fff;background:color-mix(in srgb,var(--c) 55%,var(--ink))}
html[data-theme="light"] .dd-tabs u{color:#fff;background:var(--dd);box-shadow:none}
html[data-theme="light"] .dd-btns button.pri{color:#fff}
html[data-theme="light"] .dd-hero{background:linear-gradient(135deg,color-mix(in srgb,var(--c) 9%,var(--panel2)),var(--panel2) 70%)}

/* ---------- master switch (CJ 10/14, UAP's ALL ON / ALL OFF; the .base / .fl / .seg styling is the shared one) ---------- */
.dd #doomsday-master{margin:0}
.dd-h span.off{color:var(--mute)}.dd-h span.off::before{background:var(--mute);box-shadow:none;animation:none}
.dd-hero.offc{--c:var(--mute);border-color:var(--line);background:var(--m-wash)}
.dd-hero.offc b{color:var(--ink)}
.dd.off .dd-tabs u,.dd.off .dd-dots i.on{display:none}
.dd.off .dd-radar::after{animation:none;opacity:.25}

/* ---------- RADIATION (wave 2 10/15, doomsday/radiation.js): teal = normal FOR THAT STATION; hues are relative levels, never absolute fear colours ---------- */
:root{--rad:#3fc1b0}
html[data-theme="light"]{--rad:#13806f}
.dd-do div{grid-template-columns:repeat(2,1fr)}
.dd-tabs{grid-template-columns:repeat(3,1fr)}
.dd-tabs button{grid-template-columns:1fr;grid-template-rows:auto auto auto;justify-items:center;text-align:center;padding:9px 5px 8px;row-gap:3px}
.dd-tabs button svg{grid-row:auto;width:24px;height:24px}
.dd-tabs button b{font-size:13px;letter-spacing:.12em}
.dd-tabs button span{font-size:8.5px;letter-spacing:.06em}
.rad-strip{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;width:100%;text-align:left;padding:7px 10px;border:1px solid color-mix(in srgb,var(--rad) 35%,transparent);background:color-mix(in srgb,var(--rad) 6%,transparent)}
.rad-strip:hover{background:color-mix(in srgb,var(--rad) 13%,transparent)}
.rad-strip .rad-ic{display:flex;color:var(--rad)}.rad-strip .rad-ic svg{width:30px;height:30px}
.rad-strip span{display:flex;flex-direction:column;gap:1px;min-width:0}
.rad-strip span>i{font-style:normal;font-size:9px;letter-spacing:.2em;color:var(--dim)}
.rad-strip span>b{font:700 17px/1.1 var(--hd);letter-spacing:.08em;color:var(--m-hi,var(--ink));font-variant-numeric:tabular-nums}
.rad-strip small{font-size:9px;letter-spacing:.1em;line-height:1.4;color:var(--mute)}
.rad-strip u{text-decoration:none;font-size:9px;letter-spacing:.14em;color:var(--rad);border:1px solid color-mix(in srgb,var(--rad) 55%,transparent);padding:2px 6px}
.rad-strip.hot{border-color:#ff9f43;background:color-mix(in srgb,#ff9f43 12%,transparent)}.rad-strip.hot .rad-ic,.rad-strip.hot u{color:#ff9f43}.rad-strip.hot small{color:var(--ink)}
.rad-hook{border-left:2px solid var(--rad);padding-left:9px}
.rad-go{display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:center;width:100%;text-align:left;padding:11px 12px;background:var(--rad);border:1px solid var(--rad);color:#03110f;transition:.15s}
.rad-go svg{width:28px;height:28px}.rad-go span{display:flex;flex-direction:column;gap:2px}
.rad-go b{font:700 17px/1.1 var(--hd);letter-spacing:.16em}.rad-go small{font-size:9px;letter-spacing:.1em;line-height:1.35;opacity:.85}
.rad-go:hover{filter:brightness(1.12);box-shadow:0 0 18px color-mix(in srgb,var(--rad) 45%,transparent)}
.rad-go:disabled{opacity:.7;cursor:progress}
.rad-me,.rad-hero{--c:var(--rad);display:flex;flex-direction:column;gap:6px;padding:11px 12px 11px 14px;border:1px solid color-mix(in srgb,var(--c) 45%,transparent);border-left:4px solid var(--c);background:linear-gradient(135deg,color-mix(in srgb,var(--c) 10%,transparent),var(--m-wash) 70%)}
.rad-me em,.rad-hero em{font-style:normal;font-size:9px;letter-spacing:.18em;color:var(--dim);display:flex;align-items:center;gap:7px}
.rad-me>b{font:700 16px/1.2 var(--hd);letter-spacing:.08em;color:var(--m-hi,var(--ink))}
.rad-me p,.rad-hero p{margin:0;font-size:11px;line-height:1.5;color:var(--m-ink2,var(--ink))}
.rad-me.wait,.rad-hero.wait{flex-direction:row;align-items:center;gap:12px}.rad-me.wait div,.rad-hero.wait div{display:flex;flex-direction:column;gap:3px}
.rad-me.wait b,.rad-hero.wait b{font:700 15px/1.2 var(--hd);letter-spacing:.1em;color:var(--ink)}
.rad-rd{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px}
.rad-rd strong{font:700 26px/1 var(--hd);letter-spacing:.04em;color:var(--m-hi,var(--ink));font-variant-numeric:tabular-nums}
.rad-rd small{font-size:9px;letter-spacing:.1em;color:var(--mute)}
.rad-vd{display:flex;align-items:center;gap:7px;font:700 13px/1.2 var(--hd);letter-spacing:.14em;color:var(--c)}
.rad-vd i{width:10px;height:10px;border-radius:50%;background:var(--c);box-shadow:0 0 9px var(--c);flex:none}
.rad-kv{display:grid;grid-template-columns:auto 1fr;gap:3px 10px;font-size:9.5px;letter-spacing:.08em;line-height:1.4;border-top:1px dashed var(--line2);padding-top:6px}
.rad-kv span{color:var(--mute)}.rad-kv b{font-weight:400;color:var(--ink);min-width:0;overflow-wrap:anywhere}
.rad-nb{border-left:2px solid var(--line);padding-left:8px}.rad-nb.hot{border-color:#ff9f43}
.rad-tip{display:grid;grid-template-columns:16px 1fr;gap:7px;align-items:start;font-size:10px;line-height:1.45;color:var(--dim)}.rad-tip svg{width:15px;height:15px;color:var(--rad)}
.rad-hero.hot{--c:#ff9f43}
.rad-hero.offc{--c:var(--mute);border-color:var(--line);background:var(--m-wash)}
.rad-hero>b{font:700 15px/1.25 var(--hd);letter-spacing:.1em;color:var(--m-hi,var(--ink))}
.rad-hero p.rad-hon{font-size:10.5px;color:var(--dim);border-left:2px solid var(--line);padding-left:8px} /* QA 10/15: learning + stale sensors are named, never counted as quiet */
.rad-big{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap}
.rad-big strong{font:700 30px/1 var(--hd);color:var(--c);font-variant-numeric:tabular-nums;letter-spacing:.02em}
.rad-big span{font-size:9.5px;letter-spacing:.14em;color:var(--ink)}
.rad-cnt{display:flex;flex-wrap:wrap;gap:3px}
.rad-cnt span{display:flex;align-items:baseline;gap:5px;font-size:8.5px;letter-spacing:.1em;color:var(--dim);border:1px solid var(--line2);border-left:3px solid var(--c);padding:3px 6px}
.rad-cnt b{font:600 12px/1 var(--hd);color:var(--ink);font-variant-numeric:tabular-nums}
.rad-nets{list-style:none;margin:0;padding:6px 0 0;border-top:1px dashed var(--line2);display:flex;flex-direction:column;gap:2px}
.rad-nets li{display:grid;grid-template-columns:1fr auto;gap:0 8px;font-size:9.5px;letter-spacing:.08em;color:var(--ink)}
.rad-nets li b{font-weight:600;color:var(--c);font-variant-numeric:tabular-nums;text-align:right}
.rad-nets li i{grid-column:1/-1;font-style:normal;font-size:8.5px;color:var(--mute)}
.rad-warn{font-size:9px;letter-spacing:.1em;color:#ffb347}
.rad-rows{display:flex;flex-direction:column;gap:3px}
.rad-row{display:grid;grid-template-columns:10px 1fr;gap:8px;align-items:center;width:100%;text-align:left;padding:6px 8px;border:1px solid var(--line2);border-left:3px solid var(--c);background:var(--m-wash)}
.rad-row:hover{background:var(--m-wash2)}
.rad-row>i{width:9px;height:9px;border-radius:50%;background:var(--c)}
.rad-row span{display:flex;flex-direction:column;gap:1px;min-width:0}
.rad-row b{font-size:10px;letter-spacing:.08em;color:var(--m-hi,var(--ink));font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rad-row small{font-size:8.5px;letter-spacing:.08em;color:var(--mute)}
.rad-sg{border:1px solid var(--line2);background:var(--m-wash)}
.rad-sg>button{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;width:100%;text-align:left;padding:7px 10px}
.rad-sg>button:hover{background:var(--m-wash2)}
.rad-sg>button b{font:600 18px/1 var(--hd);color:#ffd166;font-variant-numeric:tabular-nums}
.rad-sg>button span{font-size:9.5px;letter-spacing:.08em;line-height:1.45;color:var(--ink)}.rad-sg>button u{text-decoration:none;color:var(--cy2)}
.rad-sg .rad-rows{padding:0 8px 8px}
.rad-gb button{flex:1 1 140px}.rad-gb button.on{background:color-mix(in srgb,var(--rad) 22%,transparent);border-color:var(--rad)}
.rad-how{border:1px solid var(--line2)}
.rad-how>button{display:flex;justify-content:space-between;align-items:center;width:100%;padding:8px 10px;font-size:9.5px;letter-spacing:.18em;color:var(--ink)}
.rad-how>button:hover{background:var(--m-wash2)}.rad-how .cv{font-style:normal;font-size:15px;color:var(--rad)}
.rad-hx{display:flex;flex-direction:column;gap:7px;padding:2px 10px 10px}
.rad-hx p{margin:0;font-size:10px;line-height:1.55;color:var(--m-ink2,var(--ink))}
.rad-leg{display:flex;flex-wrap:wrap;gap:4px 10px}
.rad-leg span{display:flex;align-items:center;gap:5px;font-size:8.5px;letter-spacing:.08em;color:var(--dim)}
.rad-leg i{width:9px;height:9px;border-radius:50%;background:var(--c);flex:none}
.dd.off .rad-strip u{display:none}
@media (pointer:coarse){.rad-strip,.rad-sg>button,.rad-how>button{min-height:44px}.rad-row{min-height:42px}.rad-go{min-height:56px}}
:is(.rad-strip,.rad-go,.rad-row,.rad-sg>button,.rad-how>button):focus-visible{outline:2px solid var(--rad);outline-offset:1px}
@media (max-width:760px), (max-height:500px) and (pointer:coarse){
  .dd-tabs button{padding:8px 3px 7px}.dd-tabs button b{font-size:12px;letter-spacing:.08em}.dd-tabs button span{font-size:8px}
  .rad-go b{font-size:16px}.rad-rd strong{font-size:24px}.rad-big strong{font-size:27px}
}
html[data-theme="light"] .rad-go{color:#fff}
html[data-theme="light"] :is(.rad-vd,.rad-big strong,.rad-nets li b){color:color-mix(in srgb,var(--c) 55%,var(--ink))}
html[data-theme="light"] .rad-sg>button b{color:#a87400}