:root{--page:#f4f6f8;--card:#fff;--ink:#162434;--muted:#64748b;--line:#dce4eb;--up:#087f62;--down:#c14449;--blue:#2563eb;--purple:#8b5cf6}html[data-theme=dark]{--page:#101722;--card:#182230;--ink:#edf3fa;--muted:#a0afc2;--line:#334154;--up:#52cbaa;--down:#ff9195;--blue:#74a4ff;--purple:#bd9aff}body.has-sidebar{background:var(--page);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}.overview{box-sizing:border-box;margin-left:220px;padding:38px 36px;width:calc(100% - 220px);max-width:1750px}*{box-sizing:border-box}header{display:flex;justify-content:space-between;align-items:flex-start;gap:25px;margin-bottom:24px}h1{font-size:clamp(24px,2.3vw,36px);font-weight:650;letter-spacing:-1px;line-height:1.2;margin:9px 0 10px}h2{font-size:20px;letter-spacing:-.4px;margin:9px 0 12px}p{line-height:1.6;margin:9px 0}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:750;color:var(--muted);margin:0}.muted,.meta{color:var(--muted)}.meta{font-size:12px;line-height:1.6}.small{font-size:13px}.header-right{text-align:right;min-width:185px}.badge{display:inline-block;border:1px solid var(--line);border-radius:20px;padding:6px 12px;font-size:12px;font-weight:650;margin-bottom:6px;background:var(--card)}button{cursor:pointer;background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:7px;padding:8px 12px;margin-top:9px;font-size:12px}button:hover{border-color:var(--blue)}button:disabled{opacity:.6}.notice{border-left:3px solid var(--blue);background:var(--card);padding:12px 16px;margin-bottom:20px;font-size:13px;line-height:1.5;border-radius:0 7px 7px 0}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:25px}.top-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:18px;margin-bottom:18px}.hero{border-top:3px solid var(--blue)}.direction{font-size:clamp(34px,4vw,54px);font-weight:650;letter-spacing:-1.6px;margin:14px 0}.positive{color:var(--up)}.negative{color:var(--down)}.mixed{color:var(--muted)}.explanation{font-size:15px;max-width:700px;margin-bottom:18px}.momentum{display:flex;flex-direction:column;justify-content:center}.momentum h2{font-size:30px}.index-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.index-top{display:flex;align-items:center;justify-content:space-between}.index-top h2{font-size:16px;margin:0}.price{font-size:26px;font-variant-numeric:tabular-nums;font-weight:620}.index-metrics{display:grid;grid-template-columns:1fr 1fr;margin:20px 0 10px;gap:20px}.index-metrics b{display:block;font-size:25px;font-variant-numeric:tabular-nums}.index-metrics span{font-size:12px;color:var(--muted)}.lower-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:18px;margin-bottom:18px}.section-head{display:flex;justify-content:space-between;gap:16px;align-items:center}.section-head h2{font-size:18px}.legend{display:flex;gap:12px;white-space:nowrap;font-size:12px}.spx-key{color:var(--blue)}.qqq-key{color:var(--purple)}.chart{min-height:210px;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:13px}.chart svg{width:100%;height:auto;overflow:visible}.chart text{fill:var(--muted);font-size:11px}.chart .gridline{stroke:var(--line)}.breadth-bar{height:12px;background:var(--line);border-radius:8px;overflow:hidden;display:flex;margin:26px 0 20px}.breadth-bar span{height:100%}.breadth-counts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:22px}.breadth-counts b{font-size:24px;display:block}.breadth-counts span{font-size:12px;color:var(--muted)}#up{color:var(--up)}#down{color:var(--down)}.participation h2{font-size:28px;margin-top:17px}.method{padding:18px 24px;font-size:13px}.method summary{cursor:pointer;font-weight:650}.method>div{max-width:1050px;padding-top:10px}footer{display:flex;justify-content:space-between;gap:15px;color:var(--muted);font-size:12px;padding:24px 0}a{color:var(--blue)}@media(max-width:1150px){.overview{padding:26px 22px}.lower-grid{grid-template-columns:1fr}.chart{min-height:190px}}@media(max-width:768px){.overview{margin-left:0;width:100%;padding:65px 16px 24px}header{display:block}.header-right{text-align:left;margin-top:14px}.header-right .meta{display:inline-block;margin-left:10px}.top-grid,.index-grid{grid-template-columns:1fr}.card{padding:20px}.direction{font-size:42px}.section-head{display:block}.legend{margin-bottom:10px}footer{display:block}footer a{display:block;margin-top:10px}}
@media(min-width:769px) and (max-width:900px){.overview{margin-left:0;width:100%;padding-top:65px}}