/* /new/stock — tokens from shell.css (--sh-*). Separate short lines: small title over the value. */
main{max-width:980px;margin:0 auto;padding:12px 16px 90px}
.sq{display:flex;gap:8px;margin:8px 0 14px}.sq input{flex:1;min-height:48px;border:1px solid var(--sh-line,#d4d4d4);border-radius:999px;padding:0 18px;font:inherit;background:var(--sh-panel,#fff);color:inherit}
.sq button{min-height:48px;border-radius:999px;border:0;background:var(--sh-ink,#000000);color:var(--sh-bg,#ffffff);padding:0 22px;font:inherit;font-weight:700;cursor:pointer}
.sh{display:flex;gap:12px;align-items:baseline;flex-wrap:wrap}.sh h1{margin:0;font-size:28px}.px b{font-size:20px}.px .up,.up{color:var(--sh-up,#0b8a42)}.px .down,.down{color:#d42a2a}
.tabs{display:flex;gap:2px;border-bottom:1px solid var(--sh-line,#d4d4d4);overflow-x:auto;margin:10px 0 14px}
.tabs>*{padding:10px 16px;min-height:44px;color:var(--sh-muted,#595959);font:inherit;font-weight:700;background:none;border:0;border-bottom:3px solid transparent;text-decoration:none;white-space:nowrap;cursor:pointer;display:inline-flex;align-items:center}
.tabs>[aria-selected=true]{color:var(--sh-ink,#000000);border-bottom-color:var(--sh-gold,#000000)}
.muted,.age,.legend{color:var(--sh-muted,#595959);font-size:13.5px}
.ln{display:flex;flex-direction:column;padding:4px 0}.ln small{color:var(--sh-muted,#595959);font-size:12.5px;font-weight:500;line-height:1.3}.ln b{font-weight:700;font-size:15px}
.chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;margin:8px 0}
.chip{border:1px solid var(--sh-line,#d4d4d4);background:var(--sh-panel,#fff);color:inherit;border-radius:12px;padding:8px 14px;min-height:44px;font:inherit;cursor:pointer;display:inline-flex;flex-direction:column;align-items:flex-start;white-space:nowrap;gap:0}
.chip small{font-size:11.5px;color:var(--sh-muted,#595959)}.chip.on{background:var(--sh-ink,#000000);color:var(--sh-bg,#ffffff);border-color:var(--sh-ink,#000000)}.chip.on small{color:inherit;opacity:.8}
.dot{width:9px;height:9px;border-radius:50%;display:inline-block;margin-inline-end:8px;background:#aaa}.dot.up{background:var(--sh-up,#0b8a42)}.dot.down{background:#d42a2a}
.pill{display:inline-block;border-radius:999px;padding:3px 12px;font-size:13px;font-weight:700;background:var(--sh-panel2,#f4f4f4)}.pill.up{background:var(--sh-panel2,#f4f4f4);color:#0b8a42}.pill.down{background:var(--sh-panel2,#f4f4f4);color:#d42a2a}
.wsum,.vd,.wcard,.dvg>.dv{border:1px solid var(--sh-line,#d4d4d4);border-radius:14px;background:var(--sh-panel,#fff);padding:12px 16px;margin:10px 0}
.vd .vw{font-size:22px}.vd.up{border-inline-start:4px solid var(--sh-up,#0b8a42)}.vd.down{border-inline-start:4px solid #d42a2a}.cnt{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.wgrid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}@media(min-width:760px){.wgrid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}}
.wcards{display:grid;gap:8px}.wcard .big{font-size:24px}.wcard.res{border-inline-start:4px solid #d42a2a}.wcard.sup{border-inline-start:4px solid var(--sh-up,#0b8a42)}.wcard.flip{border-inline-start:4px solid var(--sh-gold,#000000)}
.ladder,.chart,.rsi{width:100%;height:auto;background:var(--sh-panel,#fff);border:1px solid var(--sh-line,#d4d4d4);border-radius:12px}
.ladder text,.chart text,.rsi text{font:11px system-ui;fill:var(--sh-muted,#595959)}.ladder .band{fill:rgba(0,0,0,.07)}
.ladder .lc line{stroke:#d42a2a;stroke-width:3}.ladder .lp line{stroke:#0b8a42;stroke-width:3}.ladder .lf line{stroke:var(--sh-gold,#000000);stroke-width:1.5}.ladder .ls line{stroke:#000000;stroke-width:2}.ladder .val{font-weight:700;fill:var(--sh-ink,#000000)}
.chart .bsup{fill:rgba(29,122,72,.18)}.chart .bres{fill:rgba(180,47,47,.16)}.chart .ts{fill:#0b8a42}.chart .tr{fill:#d42a2a}.chart .u{stroke:#0b8a42;fill:#0b8a42}.chart .d{stroke:#d42a2a;fill:#d42a2a}.chart .pl{stroke:var(--sh-gold,#000000);stroke-dasharray:4 3}
.rsi .g{stroke:var(--sh-line,#d4d4d4);stroke-dasharray:3 3}.rsi .rl2{fill:none;stroke:var(--sh-gold,#000000);stroke-width:1.6}
.legend .k{display:inline-block;width:14px;height:10px;border-radius:3px;margin-inline:6px 3px}.k.sup{background:rgba(29,122,72,.4)}.k.res{background:rgba(180,47,47,.4)}.k.pr{background:var(--sh-gold,#000000)}
.tbl{width:100%;border-collapse:collapse;font-size:14px}.tbl th{color:var(--sh-muted,#595959);text-align:start;font-weight:600;padding:6px 8px;border-bottom:1px solid var(--sh-line,#d4d4d4)}.tbl td{padding:8px;border-bottom:1px solid var(--sh-line,#d4d4d4)}
.tbl tr.up td:last-child{color:#0b8a42}.tbl tr.down td:last-child{color:#d42a2a}.scroll{overflow-x:auto}
details{border:1px solid var(--sh-line,#d4d4d4);border-radius:12px;margin:10px 0;padding:0 14px;background:var(--sh-panel,#fff)}summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:700}
.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.rl{padding-inline-start:20px;line-height:1.8}h3{margin:16px 0 6px;font-size:16px}h4{margin:0 0 4px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.wcard>small,.vd>small,.vd .vw,.wcard .big{display:block}
.chart text,.rsi text{font-size:17px}.ladder text{font-size:13px}
.selrow{display:flex;flex-direction:column;gap:4px;margin:8px 0;max-width:420px}.selrow>span{font-size:12.5px;color:var(--sh-muted,#595959);font-weight:600}
.sel{min-height:46px;width:100%;border:1px solid var(--sh-line,#d4d4d4);border-radius:12px;background:var(--sh-panel,#fff);color:var(--sh-ink,#000);font:inherit;font-weight:600;padding:0 12px}
/* cutover parity pieces */
html.nw{--sf-last-session:#6b6b6b}
.lh{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 6px}.lh h3{margin:0}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:999px;border:1px solid var(--sh-ink,#000000);background:var(--sh-ink,#000000);color:var(--sh-bg,#ffffff);font:inherit;font-weight:700;text-decoration:none;cursor:pointer}.btn.ghost{background:transparent;color:var(--sh-ink,#000000)}.btn.sm{min-height:36px;padding:0 14px;font-size:13.5px}
.notice{border:1px solid var(--sh-line,#bdbdbd);border-radius:14px;padding:12px 14px;margin:0 0 12px;background:var(--sh-panel2,#f4f4f4);display:grid;gap:4px}.notice h3{margin:0 0 4px;font-size:16px}.notice p{margin:0}.notice.soon{border-color:var(--sh-ink,#000000);border-width:2px}
.outside-note{margin:0 0 8px}.note-line{margin:4px 0}.proxy{margin:4px 0}
.notice .chips{display:flex;gap:8px;flex-wrap:wrap;overflow:visible}.notice .chips .chip{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border:1px solid var(--sh-line,#bdbdbd);border-radius:999px;text-decoration:none;color:inherit;font-weight:700}
details.ctx{border:1px solid var(--sh-line,#bdbdbd);border-radius:14px;padding:4px 14px;margin:12px 0}details.ctx summary{cursor:pointer;font-weight:700;min-height:44px;display:flex;align-items:center}details.ctx h3{margin:12px 0 4px;font-size:15px}
.sq{flex-wrap:wrap}.sq #cov{min-height:48px;border:1px solid var(--sh-line,#bdbdbd);border-radius:999px;padding:0 14px;font:inherit;background:var(--sh-panel,#ffffff);color:inherit;max-width:100%}.sq #cov[hidden]{display:none}
.chart-box{margin:12px 0}
html.nw .chip.on,html.nw .chip[aria-pressed=true]{background:var(--sh-ink,#000000);color:var(--sh-bg,#ffffff);border-color:var(--sh-ink,#000000)}
