/* warroom.css — the War Rooms (site/war-room/). common.css is the site's look and scan.css the tool pages' shared pieces
   (the compact page head, the wide table, .pos / .neg, .damp / .amp, .hi / .lo); this file is only what a room adds.
   The one loud thing on the page is the map: its tiles carry the data's colour, everything around them stays quiet.
   Colour never stands alone — a tile prints its change, a status chip its word, the gamma bar its two counts. */
.wr-hero h1{font-size:1.7rem}
.wr-h{flex:0 0 100%;display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}
.wr-rooms{display:flex;flex-wrap:wrap;gap:6px;margin-left:auto}
@media(max-width:700px){.wr-rooms{margin-left:0}}
.wr-rooms a{border:1px solid var(--line);border-radius:99px;padding:.26rem .8rem;font-size:.84rem;color:var(--text-2);white-space:nowrap}
.wr-rooms a:hover{border-color:var(--line-2);color:var(--text)}
.wr-rooms a.on{background:var(--accent-soft);border-color:var(--accent-line);color:var(--text)}
.wr-rooms a.all{border-style:dashed}
.wr-status{order:3;flex:0 0 100%;display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin:10px 0 0;font-size:.84rem;color:var(--text-2)}
.wr-status b{font-weight:650}
.wr-dot{width:9px;height:9px;border-radius:50%;background:var(--muted);flex:none}
.wr-dot.on{background:var(--up);box-shadow:0 0 0 0 rgba(53,194,122,.5);animation:wr-pulse 2.4s infinite}
.wr-dot.late{background:var(--warn)}
@keyframes wr-pulse{0%{box-shadow:0 0 0 0 rgba(53,194,122,.45)}70%{box-shadow:0 0 0 8px rgba(53,194,122,0)}100%{box-shadow:0 0 0 0 rgba(53,194,122,0)}}
@media(prefers-reduced-motion:reduce){.wr-dot.on{animation:none}}
.wr-jump{display:flex;flex-wrap:wrap;gap:4px 16px;margin:14px 0 0;padding:8px 0;border-block:1px solid var(--line);font-size:.84rem}
.wr-jump a{color:var(--text-2)} .wr-jump a:hover{color:var(--accent)}
main .sec{margin:30px 0 0;scroll-margin-top:76px}
main .sec .bar h2{font-size:1.18rem}
.wr-p{max-width:900px;font-size:.95rem;margin:0 0 12px}

/* ── the session in short: words on the left, six figures on the right ── */
.wr-top{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:16px;margin-top:16px!important}
@media(max-width:940px){.wr-top{grid-template-columns:1fr}}
.wr-story{padding:20px 22px}
.wr-story p{margin:9px 0 0;font-size:.93rem;line-height:1.55}
.wr-head{font-size:1.32rem;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin:0 0 12px;text-wrap:balance}
.wr-tug,.wr-gs{display:flex;gap:2px;height:10px;border-radius:5px;overflow:hidden;background:var(--bg)}
.wr-tug i,.wr-gs i{display:block;height:100%;min-width:0}
.wr-tug .u{background:var(--up)} .wr-tug .d{background:var(--dn)} .wr-tug .f,.wr-gs .f{background:var(--line-2)}
.wr-gs .damp-b{background:#2dd4bf} .wr-gs .amp-b{background:#ffb547}
.wr-tugl{display:flex;justify-content:space-between;gap:12px;margin:6px 0 2px;font-size:.82rem;color:var(--text-2)}
.wr-ks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.wr-ks.four{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:760px){.wr-ks,.wr-ks.four{grid-template-columns:repeat(2,minmax(0,1fr))}}
.wr-k{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:13px 15px;min-width:0}
.wr-k b{display:block;font-size:1.5rem;font-weight:700;letter-spacing:-.02em;line-height:1.15}
.wr-k b i{font-style:normal;font-weight:400;color:var(--muted);margin:0 5px}
.wr-k > span{display:block;color:var(--text-2);font-size:.8rem;line-height:1.35;margin-top:3px}
.wr-k small{display:block;color:var(--muted);font-size:.76rem;line-height:1.35;margin-top:2px;font-variant-numeric:tabular-nums}

/* ── the map ── */
.wr-cb{background:none;border:1px solid var(--line);border-radius:8px;color:var(--text-2);font:inherit;font-size:.8rem;padding:.26rem .65rem;cursor:pointer;margin-left:auto}
.wr-cb:hover{border-color:var(--line-2);color:var(--text)} .wr-cb[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent-line);color:var(--text)}
.wr-map{position:relative;aspect-ratio:1112/590;background:var(--bg);border-radius:10px;overflow:hidden;contain:layout paint}
@media(max-width:760px){.wr-map{aspect-ratio:3/5}}
.wr-t{position:absolute;margin:0;padding:0 2px;border:1px solid var(--bg);border-radius:3px;color:#fff;font:inherit;line-height:1.15;cursor:pointer;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;transition:filter .12s}
.wr-t:hover,.wr-t:focus-visible{filter:brightness(1.28);z-index:2;outline:2px solid #fff;outline-offset:-2px}
.wr-t b{font-weight:700;font-family:var(--mono);letter-spacing:-.02em;color:#fff}
.wr-t i{font-style:normal;font-variant-numeric:tabular-nums;opacity:.96}
.wr-t.s1 b{font-size:.58rem} .wr-t.s2 b{font-size:.72rem} .wr-t.s2 i{font-size:.64rem}
.wr-t.s3 b{font-size:.95rem} .wr-t.s3 i{font-size:.78rem} .wr-t.s4 b{font-size:1.35rem} .wr-t.s4 i{font-size:.95rem}
.wr-t.st{opacity:.5}
.wr-g{position:absolute;z-index:1;height:17px;line-height:17px;padding:0 5px;font-size:.66rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-2);background:var(--bg);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;pointer-events:none}
.wr-g small{font-weight:400;letter-spacing:0;color:var(--muted);font-size:.66rem;margin-left:4px}
.wr-mapf{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;justify-content:space-between;margin-top:8px}
.wr-mapf .note{margin:0}
.wr-lg{display:inline-flex;align-items:center;gap:2px;font-size:.7rem}
.wr-lg i{display:inline-block;min-width:34px;padding:2px 0;text-align:center;font-style:normal;color:#fff;font-variant-numeric:tabular-nums}
.wr-lg i:first-child{border-radius:4px 0 0 4px} .wr-lg i:nth-last-child(2){border-radius:0 4px 4px 0}
.wr-lg em{font-style:normal;color:var(--muted);margin-left:8px;font-size:.76rem}
.wr-tipf{position:fixed;z-index:60;pointer-events:none;background:var(--bg);border:1px solid var(--line-2);border-radius:9px;padding:9px 12px;font-size:.8rem;line-height:1.5;color:var(--text-2);box-shadow:0 10px 28px rgba(0,0,0,.5);max-width:300px;opacity:0;transition:opacity .08s}
.wr-tipf b{color:var(--text)} .wr-tipf .h{display:block;font-family:var(--mono);font-weight:700;color:var(--text);font-size:.9rem}
.wr-tipf .n{display:block;color:var(--muted);font-size:.76rem;margin-bottom:4px}
.wr-tipf table{width:auto;font-size:.8rem;font-variant-numeric:tabular-nums} .wr-tipf td{padding:0 0 0 12px;border:0;text-align:right} .wr-tipf td:first-child{padding-left:0;text-align:left;color:var(--muted)}

/* ── lists of stocks: movers, the pack, the walls ── */
.wr-mvs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.wr-mvs.two{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:980px){.wr-mvs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.wr-mvs,.wr-mvs.two{grid-template-columns:1fr}}
.wr-mv,.wr-lst{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:15px 16px 10px;min-width:0}
.wr-mv h3,.wr-lst h3,.wr-ch h3,.wr-ptc h3{margin:0;font-size:.98rem}
.wr-mv > p,.wr-lst > p,.wr-ch > p{margin:2px 0 8px;font-size:.8rem;color:var(--muted);line-height:1.45}
.wr-ch > p b{color:var(--text)}
.wr-mv ol,.wr-lst ol{list-style:none;margin:0;padding:0}
.wr-mv li,.wr-lst li{border-top:1px solid var(--line)} .wr-mv li.none{padding:9px 0;color:var(--muted);font-size:.86rem}
.wr-mv li button,.wr-lst li button{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:8px;align-items:baseline;width:100%;background:none;border:0;padding:7px 2px;font:inherit;font-size:.88rem;color:var(--text-2);text-align:left;cursor:pointer}
.wr-mv li button:hover,.wr-lst li button:hover{background:var(--surface-2)}
.wr-mv li b,.wr-lst li b{font-family:var(--mono);font-size:.86rem}
.wr-mv li span,.wr-lst li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;color:var(--muted)}
.wr-lst li span{white-space:normal}
.wr-mv li em,.wr-lst li em{font-style:normal;font-variant-numeric:tabular-nums;font-weight:600;color:var(--text)}
.wr-lock{border:1px solid var(--accent-line);background:var(--accent-soft);border-radius:10px;padding:14px 16px;font-size:.9rem;color:var(--text-2);line-height:1.55}
.wr-lock > b{color:var(--text);font-size:1.15rem}

/* ── the groups, each a bar from the middle ── */
.wr-srs{padding:8px 18px}
.wr-sr{display:grid;grid-template-columns:minmax(120px,210px) minmax(60px,1fr) 74px 104px 56px;gap:12px;align-items:center;padding:7px 0;border-top:1px solid var(--line);font-size:.9rem}
.wr-sr:first-child{border-top:0}
.wr-sr .n{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text)}
.wr-sr .b{position:relative;height:8px;background:linear-gradient(var(--line-2),var(--line-2)) center/1px 100% no-repeat}
.wr-sr .b i{position:absolute;top:0;height:8px}
.wr-sr .b .u{left:50%;background:var(--up);border-radius:0 4px 4px 0} .wr-sr .b .d{right:50%;background:var(--dn);border-radius:4px 0 0 4px}
.wr-sr .v{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}
.wr-sr .c,.wr-sr .w{text-align:right;font-size:.8rem;font-variant-numeric:tabular-nums}
@media(max-width:640px){.wr-sr{grid-template-columns:minmax(0,1fr) 70px 64px}.wr-sr .c,.wr-sr .w{display:none}}

/* ── charts: finished SVG, one axis each ── */
.wr-chs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
@media(max-width:900px){.wr-chs{grid-template-columns:1fr}}
.wr-ch,.wr-ptc{padding:16px 18px 12px;position:relative;min-width:0}
.wr-svg svg{display:block;width:100%;height:auto;touch-action:pan-y}
.wr-svg text{font:11px system-ui,-apple-system,"Segoe UI",sans-serif;font-variant-numeric:tabular-nums}
.wr-svg .ax{fill:var(--muted)} .wr-svg .gl{stroke:#1d2330;stroke-width:1} .wr-svg .bl{stroke:var(--line-2);stroke-width:1} .wr-svg .xh{stroke:#5b667c;stroke-width:1}
.wr-svg .end{fill:var(--text);font-weight:650;font-size:12px} .wr-svg .vz{fill:rgba(90,169,255,.06)}
.wr-ll{display:flex;flex-wrap:wrap;gap:4px 16px;margin:0 0 6px;font-size:.8rem;color:var(--text-2)}
.wr-ll span{display:inline-flex;align-items:center;gap:7px} .wr-ll i{width:14px;height:2px;border-radius:1px;display:inline-block}
.wr-tip{position:absolute;top:8px;pointer-events:none;background:var(--bg);border:1px solid var(--line-2);border-radius:8px;padding:6px 10px;font-size:.8rem;line-height:1.5;white-space:nowrap;opacity:0;z-index:3;color:var(--text-2)}
.wr-tip b{display:block;color:var(--muted);font-weight:600;font-size:.74rem} .wr-tip span{display:flex;align-items:center;gap:7px} .wr-tip span i{width:12px;height:2px;border-radius:1px;display:inline-block}
.wr-tip em{font-style:normal;color:var(--text);font-weight:650;font-variant-numeric:tabular-nums}

/* ── correlation ── */
.wr-heat{position:relative;max-width:560px;margin:0 auto}
.wr-heat canvas{display:block;width:100%;aspect-ratio:1;border-radius:6px;background:var(--bg);cursor:crosshair}
.wr-heat .wr-wait{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;margin:0;font-size:.86rem;pointer-events:none}
.wr-heat.ok .wr-wait{display:none}
.wr-hl{display:flex;flex-wrap:wrap;gap:4px 14px;align-items:center;justify-content:center;margin-top:8px;font-size:.78rem;color:var(--text-2)}
.wr-hl span{display:inline-flex;align-items:center;gap:6px} .wr-hl i{width:14px;height:10px;border-radius:2px;display:inline-block;box-shadow:inset 0 0 0 1px var(--line)}
.wr-ptc{overflow-x:auto}
.wr-pt{font-size:.84rem;font-variant-numeric:tabular-nums;margin-top:8px}
.wr-pt th,.wr-pt td{padding:6px 8px;text-align:right;white-space:nowrap} .wr-pt th.l,.wr-pt td.l{text-align:left}
.wr-pt tbody tr{cursor:pointer} .wr-pt tbody tr:hover td{background:var(--surface-2)} .wr-pt tr:last-child td{border-bottom:0}
.wr-pt td b{font-family:var(--mono)}
.wr-pt td.rd small{display:block;font-size:.7rem;margin:1px 0 0 14px}
.wr-col{display:flex;flex-direction:column;gap:14px;min-width:0}
.wr-col .wr-mvs{flex:1}
.wr-st{display:inline-flex;align-items:center;gap:6px;font-size:.76rem;color:var(--text-2);white-space:nowrap}
.wr-st:before{content:"";width:8px;height:8px;border-radius:2px;background:var(--line-2)}
.wr-st.shifted{color:var(--text)} .wr-st.shifted:before{background:#e07b1a} .wr-st.minor:before{background:#8a5a25}
.wr-st.strengthened{color:var(--text)} .wr-st.strengthened:before{background:#3987e5} .wr-st.steady:before{background:#2b4a75}
.wr-pair{margin-top:14px;padding:18px 20px}
.wr-pair h3{margin:0 0 4px;font-size:1.05rem} .wr-pair > p{margin:0 0 10px;font-size:.88rem;color:var(--text-2);max-width:900px}
.wr-pair .x{float:right;background:none;border:1px solid var(--line);border-radius:8px;color:var(--text-2);font:inherit;font-size:.82rem;padding:.2rem .6rem;cursor:pointer}

/* ── options ── */
.wr-deal{padding:18px 20px}
.wr-deal .wr-ks{margin-top:14px}
.wr-deal .wr-k{background:var(--bg)}

/* ── every stock on one row ── */
.wr-tw{max-height:72vh}
.wr-tw td.tk b{font-family:var(--mono);font-size:.84rem} .wr-tw td.tk span{display:block;color:var(--muted);font-size:.72rem;overflow:hidden;text-overflow:ellipsis;max-width:190px}
.wr-tw small{font-size:.72rem;margin-left:3px}
@media(max-width:640px){.wr-tw td.tk{min-width:104px;max-width:128px}.wr-tw td.tk span{max-width:112px}.wr-tw th,.wr-tw td{padding:5px 7px}}
.wr-tr{display:inline-flex;gap:4px;vertical-align:middle}
.wr-tr i{width:9px;height:9px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--line-2)}
.wr-tr i.y{background:var(--up);box-shadow:none} .wr-tr i.n{box-shadow:inset 0 0 0 1.5px var(--dn)}

/* ── the stock's card (the frame is the Scanner's: scan.css .card-t) ── */
.card-t .wr-px{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin:10px 0 0}
.card-t .wr-px b{font-size:1.9rem;font-weight:700;letter-spacing:-.02em} .card-t .wr-px span{font-size:1.05rem;font-weight:600}
.card-t .wr-px small{color:var(--muted);font-size:.8rem}
.card-t .wr-spark{display:block;width:100%;height:70px;margin:10px 0 0}
.card-t .wr-two{display:grid;grid-template-columns:1fr 1fr;gap:0 24px} @media(max-width:640px){.card-t .wr-two{grid-template-columns:1fr}}
.card-t .wr-two button{background:none;border:0;color:var(--accent);font:inherit;cursor:pointer;padding:0}
.card-t .wr-two button:hover{text-decoration:underline}

/* ── words ── */
.wr-faq details{border-bottom:1px solid var(--line);padding:14px 0;max-width:900px}
.wr-faq summary{cursor:pointer;font-weight:600;font-size:.98rem;list-style:none;position:relative;padding-right:34px}
.wr-faq summary::-webkit-details-marker{display:none}
.wr-faq summary:after{content:"+";position:absolute;right:4px;top:-3px;color:var(--muted);font-weight:400;font-size:1.3rem}
.wr-faq details[open] summary:after{content:"−"}
.wr-faq details p{margin:.7rem 0 0;font-size:.94rem}
.ctab{margin:44px 0 20px;padding:26px 28px;display:flex;flex-wrap:wrap;gap:18px;align-items:center;justify-content:space-between}
.ctab h2{margin:0 0 6px;font-size:1.3rem} .ctab p{margin:0;max-width:640px;font-size:.95rem}

/* ── the hub ── */
.wr-hubs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px}
@media(max-width:980px){.wr-hubs{grid-template-columns:1fr}}
.wr-hub{display:flex;flex-direction:column;gap:0;padding:22px;transition:border-color .15s}
.wr-hub:hover{border-color:var(--accent-line)}
.wr-hh{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.wr-hh h2{margin:0;font-size:1.35rem} .wr-hh h2 small{font-size:.8rem;font-weight:400;color:var(--muted);letter-spacing:0;margin-left:6px}
.wr-hh .pill{display:inline-block;border-radius:99px;padding:2px 10px;font-size:.74rem;font-weight:600;background:var(--surface);border:1px solid var(--line-2);color:var(--text-2);white-space:nowrap}
.wr-hn{margin:12px 0 10px} .wr-hn b{font-size:2rem;font-weight:700;letter-spacing:-.03em;line-height:1.1;display:block}
.wr-hn > span{font-size:.8rem;color:var(--muted)}
.wr-hs{margin:8px 0 12px;font-size:.92rem;color:var(--text-2)}
.wr-strip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;margin:0 0 16px}
.wr-strip i{font-style:normal;color:#fff;font-size:.64rem;text-align:center;padding:5px 0;border-radius:3px;line-height:1.25;font-variant-numeric:tabular-nums}
.wr-strip b{display:block;color:#fff;font-family:var(--mono);font-size:.7rem}
.wr-hub .link{margin-top:auto}
.wr-what{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 28px}
@media(max-width:860px){.wr-what{grid-template-columns:1fr}}
.wr-what h3{margin:0 0 3px;font-size:1rem} .wr-what p{margin:0;font-size:.92rem}

/* the front page's three cards (index.html #warrooms) share the strip and the tug bar above */
@media print{.wr-jump,.wr-cb,.wr-tipf,#wrModal{display:none}}