/* ════════ VOLURR WHY ENGINE — LIVE MARKET WHY (why-*) ════════
   Full-screen institutional explanation panel. Dark default + light variant at the end. */
#v-why{display:none}
#v-why.on{display:flex;justify-content:center;padding:4px 0}
/* immersive chrome — same owner pattern as gold/market/AGI */
body[data-view=why] .topbar .hdrL,
body[data-view=why] .topbar .hdr-status,
body[data-view=why] #btnSearch,
body[data-view=why] #btnBell,
body[data-view=why] #btnMail,
body[data-view=why] #btnMore{display:none}
html:not(.wco-on) body[data-view=why] .ticker{display:none}
html:not(.wco-on) body[data-view=why] .app{padding-top:0}
html:not(.wco-on) body[data-view=why] .side{top:0}
html:not(.wco-on) body[data-view=why] .topbar{top:0}
html:not(.wco-on) body[data-view=why] .sidetog{top:19px}
@media (min-width:901px){
  html:not(.wco-on) body[data-view=why] .topbar{display:none}
  html:not(.wco-on) body[data-view=why] .sidetog{top:10px}
}

/* ── room tokens — local --wh* architecture, aliased to the house token system (with fallbacks) ── */
#v-why .whywrap{
  --whb:#05070d; --whp:#0b1118; --whl:rgba(255,255,255,.09);
  --whtx:#f2f5fa; --whmut:#8b95a7; --whup:#00d084; --whdn:#ff4d4d; --wham:#f5a524;
  --whac:var(--crimson,#e23b3b);
  --whr:var(--rad-lg,14px); --whr-sm:var(--rad-sm,9px); --whr-xl:var(--rad-xl,18px); --whr-p:var(--rad-pill,999px);
  --whd1:var(--dur-1,.12s); --whd2:var(--dur-2,.18s); --whe:var(--ease,cubic-bezier(.2,.9,.3,1));
  --whel:var(--el-2,0 8px 22px rgba(0,0,0,.40));
  position:relative;width:min(1720px,100%);display:flex;flex-direction:column;gap:12px;color:var(--whtx);
  background:radial-gradient(1100px 340px at 50% -80px, rgba(226,59,59,.07), transparent 60%),var(--whb);
  border:1px solid var(--whl);border-radius:var(--whr-xl);padding:18px 20px;box-shadow:0 40px 120px rgba(0,0,0,.6);
  font-variant-numeric:tabular-nums;
}
/* edge-glow hairlines — aicx2::before/after pattern, top + bottom of the page frame */
#v-why .whywrap::before,#v-why .whywrap::after{content:"";position:absolute;left:6%;right:6%;height:2px;pointer-events:none;border-radius:2px;
  background:linear-gradient(90deg,transparent,rgba(226,59,59,.85) 30%,rgba(255,120,120,.95) 50%,rgba(226,59,59,.85) 70%,transparent);
  filter:blur(.4px);box-shadow:0 0 18px 3px rgba(226,59,59,.35)}
#v-why .whywrap::before{top:0}
#v-why .whywrap::after{bottom:0}
#v-why .whywrap .card{background:linear-gradient(180deg,rgba(11,17,24,.95),rgba(5,8,14,.98));border:1px solid var(--whl);border-radius:var(--whr);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
  transition:transform var(--whd2) var(--whe),box-shadow var(--whd2) var(--whe),border-color var(--whd2) var(--whe)}
#v-why .whywrap .card:hover{transform:translateY(-1px);box-shadow:var(--whel);border-color:rgba(255,255,255,.14)}
#v-why .up{color:var(--whup)}#v-why .down{color:var(--whdn)}

/* shimmer skeletons (scoped replica of the agi.css .agc-sk* pattern) */
#v-why .why-skl,#v-why .why-skb,#v-why .why-skc{display:block;border-radius:6px;
  background:linear-gradient(90deg,rgba(255,255,255,.05),rgba(255,255,255,.12),rgba(255,255,255,.05));
  background-size:200% 100%;animation:whyshim 1.3s infinite}
@keyframes whyshim{to{background-position:-200% 0}}
#v-why .why-skl{height:12px;margin:9px 12px}
#v-why .why-skl.w60{width:60%}#v-why .why-skl.w75{width:75%}#v-why .why-skl.w90{width:90%}
#v-why .why-skb{height:26px;margin:12px 12px 4px;border-radius:var(--whr-sm)}
#v-why .why-skc{display:inline-block;width:96px;height:26px;border-radius:var(--whr-p)}
#v-why .why-skrow{display:flex;gap:8px;padding:8px 12px 12px}

/* head */
#v-why .why-head{display:flex;align-items:flex-start;gap:14px}
#v-why .why-eng{font-size:10px;font-weight:900;letter-spacing:2px;color:var(--whac)}
#v-why .why-title{font-size:27px;font-weight:900;letter-spacing:1px;line-height:1.1}
#v-why .why-sub{font-size:11.5px;font-weight:600;color:var(--whmut);margin-top:2px}
#v-why .why-hr{margin-inline-start:auto;display:flex;align-items:center;gap:10px}
#v-why .why-live{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:900;letter-spacing:1.4px;color:var(--whup);border:1px solid rgba(0,208,132,.35);border-radius:var(--whr-p);padding:5px 12px;background:rgba(0,208,132,.08)}
#v-why .why-live i{width:6px;height:6px;border-radius:50%;background:var(--whup);box-shadow:0 0 8px var(--whup);animation:whyp 1.6s infinite}
@keyframes whyp{0%,100%{opacity:1}50%{opacity:.35}}
#v-why .why-upd{font-size:11px;font-weight:700;color:var(--whmut)}
#v-why .why-upd b{color:var(--whtx)}
/* chrome trio — aicx2-hb look (rounded-square 40px, border, hover crimson) */
#v-why .why-x{appearance:none;height:40px;min-width:40px;padding:0 10px;border-radius:12px;border:1px solid rgba(255,255,255,.10);
  background:#0d1119;color:var(--whmut);display:inline-flex;align-items:center;gap:6px;justify-content:center;cursor:pointer;font:inherit;
  transition:color var(--whd1) var(--whe),border-color var(--whd1) var(--whe)}
#v-why .why-x:hover{color:#fff;border-color:rgba(226,59,59,.55)}
#v-why .why-x:focus-visible{outline:2px solid rgba(226,59,59,.6);outline-offset:2px}
#v-why .why-x b{font-size:11px;font-weight:900;letter-spacing:.5px}
#v-why .why-logo{width:38px;height:38px;object-fit:contain;flex:none;filter:drop-shadow(0 0 8px rgba(226,59,59,.4))}
#v-why .why-ic-sun,#v-why .why-ic-moon{display:inline-flex}
#v-why .why-ic-moon{display:none}
html[data-theme="light"] #v-why .why-ic-moon{display:inline-flex}
html[data-theme="light"] #v-why .why-ic-sun{display:none}

/* tabs */
#v-why .why-tabs{display:flex;gap:6px;flex-wrap:wrap}
#v-why .why-tab{appearance:none;border:1px solid var(--whl);background:rgba(255,255,255,.02);color:var(--whmut);
  font:inherit;font-size:11.5px;font-weight:900;letter-spacing:.6px;border-radius:11px;padding:8px 16px;cursor:pointer;
  transition:color var(--whd1) var(--whe),border-color var(--whd1) var(--whe),background var(--whd2) var(--whe),box-shadow var(--whd2) var(--whe)}
#v-why .why-tab:hover{color:var(--whtx)}
#v-why .why-tab:focus-visible{outline:2px solid rgba(226,59,59,.6);outline-offset:2px}
#v-why .why-tab.on{color:#fff;background:linear-gradient(135deg,var(--whac),var(--crimson-deep,#b81e26));border-color:rgba(226,59,59,.6);box-shadow:0 0 16px rgba(226,59,59,.3)}

/* hero — the WHY sentence is the star */
#v-why .why-hero{display:flex;flex-direction:column;gap:12px;padding:18px 22px}
#v-why .why-hero-top{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
#v-why .why-sym{display:flex;align-items:center;gap:11px}
#v-why .why-ic{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:21px;color:#f5c542;background:rgba(245,197,66,.12);border:1px solid rgba(245,197,66,.35)}
#v-why .why-ic.cr{color:#f5a524;background:rgba(245,165,36,.12);border-color:rgba(245,165,36,.35)}
#v-why .why-ic.fx{color:#4da3ff;background:rgba(77,163,255,.12);border-color:rgba(77,163,255,.35)}
#v-why .why-ic.ix{color:var(--whup);background:rgba(0,208,132,.12);border-color:rgba(0,208,132,.35)}
#v-why .why-ic.co{color:#f5c542;background:rgba(245,197,66,.12);border-color:rgba(245,197,66,.35)}
#v-why .why-sym b{display:block;font-size:18px;font-weight:900}
#v-why .why-sym i{display:block;font-style:normal;font-size:10.5px;color:var(--whmut);font-weight:700}
#v-why .why-px{font-size:26px;font-weight:900}
#v-why .why-px i{font-style:normal;font-size:14px;margin-inline-start:6px}
#v-why .why-sent{font-size:clamp(17px,1.55vw,25px);font-weight:800;line-height:1.75;padding-inline-start:18px;border-inline-start:3px solid rgba(226,59,59,.55)}
#v-why .why-sent b{color:var(--whtx);background:linear-gradient(0deg,rgba(226,59,59,.4),rgba(226,59,59,.4)) no-repeat left bottom/100% 3px;padding-bottom:2px}
#v-why .why-provchip{display:inline-flex;vertical-align:middle;font-size:9px;font-weight:900;letter-spacing:1px;color:var(--wham);border:1px solid rgba(245,165,36,.45);background:rgba(245,165,36,.08);border-radius:var(--whr-p);padding:3px 9px;margin-inline-end:8px;text-transform:uppercase}
#v-why .why-hstats{display:flex;gap:8px;flex-wrap:wrap;margin-inline-start:auto}
#v-why .why-hstat{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--whl);border-radius:var(--whr-p);padding:6px 13px;background:rgba(255,255,255,.02)}
#v-why .why-hstat i{font-style:normal;font-size:9px;font-weight:900;letter-spacing:1px;color:var(--whmut);text-transform:uppercase}
#v-why .why-hstat b{font-size:13px;font-weight:900}
#v-why .why-hstat.up b{color:var(--whup)}
#v-why .why-hstat.dn b{color:var(--whdn)}
#v-why .why-hstat.am b{color:var(--wham)}
#v-why .why-acts{display:flex;gap:8px}
#v-why .why-act{appearance:none;border:0;border-radius:11px;padding:10px 18px;cursor:pointer;font:inherit;font-size:12px;font-weight:900;
  color:#fff;background:linear-gradient(135deg,var(--whac),var(--crimson-deep,#b81e26));box-shadow:0 6px 18px rgba(226,59,59,.3);
  transition:filter var(--whd1) var(--whe)}
#v-why .why-act:hover{filter:brightness(1.1)}
#v-why .why-act:focus-visible{outline:2px solid rgba(226,59,59,.6);outline-offset:2px}
#v-why .why-act.ghost{color:var(--whmut);background:rgba(255,255,255,.03);border:1px solid var(--whl);box-shadow:none}
#v-why .why-act.ghost:hover{color:var(--whtx)}

/* shift strip */
#v-why .why-shift{display:flex;align-items:center;gap:9px;flex-wrap:wrap;border:1px dashed var(--whl);border-radius:11px;padding:9px 13px;font-size:11.5px;font-weight:700}
#v-why .why-shift>b{font-size:9px;font-weight:900;letter-spacing:1.2px;color:var(--whmut)}
#v-why .why-shift-prev{color:var(--whmut);text-decoration:line-through}
#v-why .why-shift-arr{color:var(--whac);font-weight:900}
#v-why .why-shift-cur{color:var(--whtx);font-weight:900}
#v-why .why-shift-t{color:var(--whmut);font-size:10px}
#v-why .why-shift-same{color:var(--whmut)}

/* layout rows */
#v-why .why-row-mso{display:grid;grid-template-columns:1.05fr 1fr 1fr;gap:12px}
#v-why .why-row-e{display:grid;grid-template-columns:2.1fr .95fr 1fr;gap:12px}
#v-why .why-row-f{display:grid;grid-template-columns:1.6fr 1fr;gap:12px}
#v-why .why-side{display:flex;flex-direction:column;gap:12px;min-width:0}
#v-why .why-panel{padding:13px 15px;min-width:0}
#v-why .why-ph{display:flex;align-items:center;gap:8px;font-size:10.5px;font-weight:900;letter-spacing:1.4px;color:var(--whmut);text-transform:uppercase;margin-bottom:10px}
#v-why .why-ph b{width:18px;height:18px;border:1px solid var(--whl);border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:9.5px;color:var(--whtx);background:rgba(255,255,255,.03);flex:none}
#v-why .why-kl{font-size:9px;font-weight:900;letter-spacing:1.1px;color:var(--whmut);text-transform:uppercase}
#v-why .why-empty{color:var(--whmut);font-size:12px;font-weight:700;padding:14px 4px;text-align:center}
#v-why .why-late{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--wham);font-size:12px;font-weight:800;padding:14px 4px;text-align:center}

/* driver decomposition board (gir-wbar pattern) */
#v-why .why-btop{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}
#v-why .why-wstrong{font-size:12px;font-weight:900}
#v-why .why-wbar{display:flex;height:14px;border-radius:7px;overflow:hidden;background:rgba(128,140,160,.12);border:1px solid var(--whl)}
#v-why .why-wseg{display:block;height:100%}
#v-why .why-wseg.up{background:linear-gradient(180deg,rgba(0,208,132,.95),rgba(0,208,132,.5))}
#v-why .why-wseg.dn{background:linear-gradient(180deg,rgba(255,77,77,.95),rgba(255,77,77,.5))}
#v-why .why-wseg+.why-wseg{border-inline-start:1px solid rgba(0,0,0,.35)}
#v-why .why-wleg{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
#v-why .why-wchip{display:inline-flex;align-items:center;gap:6px;font-size:10.5px;font-weight:800;border-radius:var(--whr-p);padding:4px 11px;border:1px solid var(--whl);color:var(--whmut);background:rgba(255,255,255,.02)}
#v-why .why-wchip.up{color:var(--whup);border-color:rgba(0,208,132,.35);background:rgba(0,208,132,.06)}
#v-why .why-wchip.dn{color:var(--whdn);border-color:rgba(255,77,77,.35);background:rgba(255,77,77,.06)}

/* main driver */
#v-why .why-mainbody{display:flex;flex-direction:column;gap:8px;align-items:flex-start}
#v-why .why-mainic{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:900}
#v-why .why-mainic.up{color:var(--whup);background:radial-gradient(circle at 35% 30%, rgba(0,208,132,.3), rgba(0,208,132,.08));box-shadow:0 0 22px rgba(0,208,132,.25)}
#v-why .why-mainic.dn{color:var(--whdn);background:radial-gradient(circle at 35% 30%, rgba(255,77,77,.3), rgba(255,77,77,.08));box-shadow:0 0 22px rgba(255,77,77,.25)}
#v-why .why-mainn{font-size:23px;font-weight:900;letter-spacing:.3px}
#v-why .why-mainrow{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
#v-why .why-maind{font-size:12px;font-weight:600;color:var(--whmut);line-height:1.6}

/* factor rows + contribution bars + honest sparkline slots */
#v-why .why-flist{display:flex;flex-direction:column;gap:8px}
#v-why .why-frow{display:flex;align-items:center;gap:9px;border:1px solid var(--whl);border-radius:10px;padding:8px 10px}
#v-why .why-frow>i.up,#v-why .why-frow>i.dn{width:8px;height:8px;border-radius:50%;flex:none}
#v-why .why-frow>i.up{background:var(--whup);box-shadow:0 0 7px var(--whup)}
#v-why .why-frow>i.dn{background:var(--wham);box-shadow:0 0 7px var(--wham)}
#v-why .why-fbody{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
#v-why .why-fphr{font-size:12.5px;font-weight:700}
#v-why .why-fbar{display:block;height:4px;border-radius:2px;background:rgba(128,140,160,.15);overflow:hidden}
#v-why .why-fbar u{display:block;height:100%;border-radius:2px;text-decoration:none}
#v-why .why-fbar u.up{background:var(--whup)}
#v-why .why-fbar u.dn{background:var(--wham)}
#v-why .why-fsp{display:none;flex:none;align-items:center;gap:4px}
#v-why .why-fsp.on{display:inline-flex}
#v-why .why-fsp svg{width:64px;height:18px;display:block}
#v-why .why-fsp i{font-style:normal;font-size:8px;font-weight:800;color:var(--whmut);letter-spacing:.5px;white-space:nowrap}
#v-why .why-chip{display:inline-flex;font-size:8.5px;font-weight:900;letter-spacing:.8px;border-radius:6px;padding:3px 8px;white-space:nowrap;text-transform:uppercase}
#v-why .why-chip.up{color:var(--whup);border:1px solid rgba(0,208,132,.4);background:rgba(0,208,132,.08)}
#v-why .why-chip.dn{color:var(--wham);border:1px solid rgba(245,165,36,.45);background:rgba(245,165,36,.08)}
#v-why .why-chip.am{color:var(--wham);border:1px solid rgba(245,165,36,.45);background:rgba(245,165,36,.08)}

/* confidence · risk · trigger */
#v-why .why-confrow{display:flex;align-items:center;gap:12px}
#v-why .why-ring{position:relative;width:92px;height:92px;flex:none}
#v-why .why-ring b{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:19px;font-weight:900}
#v-why .why-conft{font-size:14px;font-weight:900}
#v-why .why-confd{font-size:10.5px;font-weight:600;color:var(--whmut);line-height:1.55;margin-top:4px}
#v-why .why-macc{margin-top:9px;padding-top:8px;border-top:1px dashed var(--whl);font-size:10.5px;font-weight:700;color:var(--whmut)}
#v-why .why-macc b{color:var(--whtx)}
#v-why .why-risk{display:flex;flex-direction:column;gap:5px}
#v-why .why-riskv{font-size:20px;font-weight:900}
#v-why .why-riskv.up{color:var(--whup)}#v-why .why-riskv.am{color:var(--wham)}#v-why .why-riskv.dn{color:var(--whdn)}
#v-why .why-riskd{font-size:11.5px;font-weight:700;color:var(--whmut)}
#v-why .why-riskd b{color:var(--whtx)}
#v-why .why-trig{border-color:rgba(226,59,59,.45)!important;background:linear-gradient(180deg,rgba(226,59,59,.1),rgba(226,59,59,.03))!important}
#v-why .why-trign{font-size:16.5px;font-weight:900}
#v-why .why-trigd{font-size:10.5px;font-weight:800;color:var(--whac);margin-top:2px}
#v-why .why-trigcd{font-size:20px;font-weight:900;color:var(--whac);margin-top:8px;letter-spacing:1px}
#v-why .why-fp{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:11px;font-weight:700;color:var(--whmut);flex-wrap:wrap}
#v-why .why-fp b{color:var(--whtx);font-weight:900}
#v-why .why-hist{margin-top:9px;font-size:11px;font-weight:700;line-height:1.7;color:var(--whtx);border-top:1px dashed var(--whl);padding-top:8px}
#v-why .why-relh{font-size:9px;font-weight:900;letter-spacing:1.2px;color:var(--whmut);text-transform:uppercase;margin-top:10px;padding-top:8px;border-top:1px solid var(--whl)}
#v-why .why-relrow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:11px;font-weight:700;padding:5px 0}
#v-why .why-reln{flex:1;min-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#v-why .why-relrow i{font-style:normal;color:var(--whmut)}
#v-why .why-relsp{font-weight:900}
#v-why .why-trig.soon{animation:whysoon 1.4s ease-in-out infinite}
@keyframes whysoon{0%,100%{box-shadow:0 0 0 rgba(226,59,59,0)}50%{box-shadow:0 0 26px rgba(226,59,59,.4)}}

/* evidence table */
#v-why .why-ehead,#v-why .why-erow{display:grid;grid-template-columns:1.3fr .7fr .6fr .8fr 1.6fr;gap:10px;align-items:center}
#v-why .why-ehead{font-size:9px;font-weight:900;letter-spacing:1.2px;color:var(--whmut);text-transform:uppercase;padding:0 2px 8px;border-bottom:1px solid var(--whl)}
#v-why .why-erow{padding:8px 2px;border-bottom:1px solid rgba(255,255,255,.05);font-size:12.5px;font-weight:700}
#v-why .why-erow:last-child{border-bottom:none}
#v-why .why-em{font-weight:900}
#v-why .why-ei{color:var(--whmut);font-weight:600;font-size:11.5px}

/* shift timeline */
#v-why .why-tl{display:flex;flex-direction:column;gap:7px}
#v-why .why-tlp{display:flex;align-items:center;gap:8px;flex-wrap:wrap;border:1px solid var(--whl);border-radius:10px;padding:7px 11px;font-size:11.5px;font-weight:700}
#v-why .why-tlt{font-size:10px;font-weight:900;color:var(--whtx);border:1px solid var(--whl);border-radius:6px;padding:2px 6px;background:rgba(255,255,255,.03)}
#v-why .why-tla{font-size:10px;color:var(--whmut)}
#v-why .why-tlfrom{color:var(--whmut);text-decoration:line-through}
#v-why .why-tlarr{color:var(--whac);font-weight:900}
#v-why .why-tlto{color:var(--whtx);font-weight:900}
#v-why .why-tlc{font-size:10px;color:var(--whmut)}
#v-why .why-tlnote{font-size:9.5px;font-weight:700;color:var(--whmut);margin-top:8px}

/* freshness */
#v-why .why-srcs{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}
#v-why .why-src{border:1px solid var(--whl);border-radius:11px;padding:9px 11px;display:flex;flex-direction:column;gap:3px;min-width:0}
#v-why .why-src b{font-size:11.5px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#v-why .why-src span{font-size:9.5px;font-weight:700;color:var(--whmut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#v-why .why-src i{font-style:normal;font-size:8.5px;font-weight:900;letter-spacing:1px;margin-top:2px}
#v-why .why-src i.ok{color:var(--whup)}
#v-why .why-src i.ok::after{content:' ✓'}
#v-why .why-src i.na{color:var(--whmut)}
#v-why .why-foot{text-align:center;font-size:10.5px;font-weight:700;color:var(--whmut);padding:4px;line-height:1.6}

/* brand bar */
#v-why .why-brandbar{display:flex;align-items:center;gap:14px;justify-content:space-between;border-top:1px solid var(--whl);padding:10px 6px 2px;flex-wrap:wrap}
#v-why .why-bb-l{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:900;letter-spacing:1px;color:var(--whac)}
#v-why .why-bb-l img{width:18px;height:18px;object-fit:contain}
#v-why .why-bb-l b{color:var(--whac)}
#v-why .why-bb-m{font-size:9.5px;font-weight:800;letter-spacing:1.2px;color:var(--whmut);text-transform:uppercase;text-align:center;flex:1;min-width:200px}
#v-why .why-bb-r{font-size:10.5px;font-weight:700;color:var(--whmut)}

/* ── responsive ladder 1600 / 1250 / 1000 / 760 ── */
@media (max-width:1600px){
  #v-why .whywrap{width:min(1460px,100%)}
  #v-why .why-row-e{grid-template-columns:1.9fr 1fr 1fr}
}
@media (max-width:1250px){
  #v-why .why-row-mso{grid-template-columns:1fr 1fr}
  #v-why .why-main{grid-column:1/-1}
  #v-why .why-row-e{grid-template-columns:1fr 1fr}
  #v-why .why-evid{grid-column:1/-1}
  #v-why .why-row-f{grid-template-columns:1fr}
}
@media (max-width:1000px){
  #v-why .why-title{font-size:22px}
  #v-why .why-px{font-size:22px}
  #v-why .why-sent{font-size:clamp(15px,2.4vw,19px)}
  #v-why .why-hstats{margin-inline-start:0}
  #v-why .why-tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}
}
@media (max-width:900px){
  /* mobile keeps the slim topbar (burger) — the in-card chrome trio hides, like aicx2-acts */
  #v-why .why-x{display:none}
}
@media (max-width:760px){
  #v-why{padding:10px 6px}
  #v-why .whywrap{padding:12px}
  #v-why .why-row-mso,#v-why .why-row-e{grid-template-columns:1fr}
  #v-why .why-main,#v-why .why-evid{grid-column:auto}
  #v-why .why-title{font-size:20px}
  #v-why .why-px{font-size:20px}
  #v-why .why-ehead span:nth-child(5),#v-why .why-erow .why-ei{display:none}
  #v-why .why-ehead,#v-why .why-erow{grid-template-columns:1.3fr .8fr .7fr .8fr}
}

/* ── reduced motion — the ONE block covering every animation/transition in the room ── */
@media (prefers-reduced-motion:reduce){
  #v-why .why-live i,#v-why .why-trig.soon{animation:none}
  #v-why .why-skl,#v-why .why-skb,#v-why .why-skc{animation:none}
  #v-why .whywrap .card,#v-why .why-tab,#v-why .why-x,#v-why .why-act{transition:none}
  #v-why .whywrap .card:hover{transform:none}
}

/* ── light theme (same --wh* vars re-assigned + per-class parity) ── */
html[data-theme="light"] #v-why .whywrap{
  --whb:#f5f6f9; --whl:rgba(16,24,40,.13); --whtx:#1c2333; --whmut:#5c6675;
  --whup:#0f9d63; --whdn:#d92d3a; --wham:#b97d0c;
  --whel:var(--el-2,0 8px 22px rgba(40,55,90,.14));
  background:radial-gradient(1100px 340px at 50% -80px, rgba(226,59,59,.05), transparent 60%),#f5f6f9;
  box-shadow:0 40px 120px rgba(16,24,40,.25);
}
html[data-theme="light"] #v-why .whywrap::before,html[data-theme="light"] #v-why .whywrap::after{box-shadow:0 0 14px 2px rgba(226,59,59,.22);opacity:.75}
html[data-theme="light"] #v-why .whywrap .card{background:linear-gradient(180deg,#ffffff,#f7f8fb);box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}
html[data-theme="light"] #v-why .whywrap .card:hover{box-shadow:var(--whel)}
html[data-theme="light"] #v-why .why-erow{border-bottom-color:rgba(16,24,40,.07)}
/* fixed leak: the old rule's 2nd selector was unscoped and bled into dark — each selector is now light-scoped */
html[data-theme="light"] #v-why .why-ph b{background:rgba(16,24,40,.03)}
html[data-theme="light"] #v-why .why-x{background:#fff;border-color:#e3e7ef;color:#5c6675}
html[data-theme="light"] #v-why .why-x:hover{color:#1c2230;border-color:rgba(226,59,59,.5)}
html[data-theme="light"] #v-why .why-tab{background:rgba(16,24,40,.03)}
html[data-theme="light"] #v-why .why-act.ghost{background:rgba(16,24,40,.03)}
html[data-theme="light"] #v-why .why-hstat{background:#fff;border-color:#e3e7ef}
html[data-theme="light"] #v-why .why-wchip{background:#fff}
html[data-theme="light"] #v-why .why-wchip.up{background:rgba(15,157,99,.06)}
html[data-theme="light"] #v-why .why-wchip.dn{background:rgba(217,45,58,.06)}
html[data-theme="light"] #v-why .why-wbar{background:rgba(16,24,40,.08)}
html[data-theme="light"] #v-why .why-wseg+.why-wseg{border-inline-start-color:rgba(255,255,255,.55)}
html[data-theme="light"] #v-why .why-fbar{background:rgba(16,24,40,.1)}
html[data-theme="light"] #v-why .why-tlt{background:#fff}
html[data-theme="light"] #v-why .why-skl,html[data-theme="light"] #v-why .why-skb,html[data-theme="light"] #v-why .why-skc{
  background:linear-gradient(90deg,rgba(16,24,40,.05),rgba(16,24,40,.11),rgba(16,24,40,.05));background-size:200% 100%}