/* WantSignal chart, comparison, and heatmap presentation */
.homeVizGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.homeVizCard,.compareVizCard{border:1px solid var(--ws-line,var(--line));border-radius:14px;background:linear-gradient(155deg,color-mix(in srgb,var(--panel) 97%,var(--ws-blue,var(--blue))),var(--panel));padding:20px;box-shadow:0 14px 36px rgba(0,0,0,.11);overflow:hidden}.homeVizCard h3,.compareVizCard h3{margin:0 0 4px;font-size:20px}.homeVizCard>p,.compareVizCard>p,.compareVizHead p{margin:0 0 15px;color:var(--muted);font-size:12px}.homeVizWide{grid-column:span 1}.homeLineSvg,.compareSvg{width:100%;height:auto;display:block;overflow:visible}.homeChartLine,.compareLineA,.compareLineB{fill:none;vector-effect:non-scaling-stroke;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.homeChartLine,.compareLineA{stroke:var(--ws-teal,var(--cyan))}.compareLineB{stroke:var(--ws-blue,var(--blue));stroke-dasharray:8 5}.homeChartArea{fill:var(--ws-teal,var(--cyan));opacity:.10}.homeChartDot{fill:var(--ws-teal,var(--cyan))}.chartAxis{stroke:var(--line);stroke-width:1}.chartLabel{fill:var(--muted);font-size:10px}.donutWrap{display:grid;grid-template-columns:160px minmax(0,1fr);gap:18px;align-items:center}.donutChart{width:150px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;position:relative}.donutChart:after{content:"";position:absolute;inset:27%;background:var(--panel);border-radius:50%;box-shadow:inset 0 0 0 1px var(--line)}.donutChart>div{position:relative;z-index:2;text-align:center;display:grid}.donutChart strong{font-size:23px}.donutChart span{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.donutLegend{display:grid;gap:7px}.donutLegend>div{display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:8px;align-items:center;font-size:11px}.donutLegend i{width:9px;height:9px;border-radius:3px}.donutLegend span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.homeBarList{display:grid;gap:9px}.homeBarRow{display:grid;grid-template-columns:minmax(95px,1fr) 2fr 46px;gap:9px;align-items:center;font-size:11px;text-decoration:none}.homeBarRow>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.homeBarRow>i,.compareTrack{display:block;height:9px;background:var(--panel2);border-radius:999px;overflow:hidden}.homeBarRow>i>u,.compareTrack>i{display:block;height:100%;border-radius:999px;text-decoration:none;background:linear-gradient(90deg,#1267f3,#25dfbd)}.homeBarRow>b{text-align:right}.marketHeatGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(38px,1fr));gap:4px;overflow:visible}.marketHeatCell{position:relative;min-height:38px;aspect-ratio:1;border-radius:7px;padding:4px;display:grid;place-items:center;color:#061426;border:1px solid rgba(255,255,255,.12);text-decoration:none;overflow:visible}.marketHeatCell strong{font-size:10px;letter-spacing:.04em;line-height:1}.marketHeatCell.unmeasured{color:var(--muted);border-color:var(--line);background:var(--panel2)!important}.marketHeatCell:hover,.marketHeatCell:focus-visible{z-index:20;outline:2px solid var(--ws-teal,var(--cyan));outline-offset:2px}.marketHeatCell::after{content:attr(data-tooltip);position:absolute;left:50%;bottom:calc(100% + 8px);transform:translateX(-50%);width:max-content;max-width:260px;white-space:pre-line;padding:9px 10px;border-radius:9px;background:var(--panel);color:var(--text);border:1px solid var(--line);box-shadow:0 14px 36px rgba(0,0,0,.28);font-size:11px;line-height:1.45;text-align:left;opacity:0;pointer-events:none;transition:opacity .12s ease}.marketHeatCell:hover::after,.marketHeatCell:focus-visible::after{opacity:1}.compareGrid>.compareVisuals{grid-column:1/-1}.compareVisuals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.compareVizCard:first-child,.compareVizCard:last-child{grid-column:1/-1}.compareVizHead{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.compareLegend{display:flex;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:10px}.compareLegend span{display:flex;align-items:center;gap:5px}.compareLegend i{width:18px;height:3px;border-radius:99px}.legendA{background:var(--ws-teal,var(--cyan))}.legendB{background:var(--ws-blue,var(--blue))}.compareBarGrid{display:grid;gap:16px}.compareBarMetric{display:grid;gap:6px}.compareBarMetric>strong{font-size:12px}.compareBarRow{display:grid;grid-template-columns:minmax(90px,1fr) 2fr 55px;gap:8px;align-items:center;font-size:10px}.compareBarRow>b{text-align:right}.compareFillA{background:var(--ws-teal,var(--cyan))!important}.compareFillB{background:var(--ws-blue,var(--blue))!important}.signalHeatmap{display:grid;grid-template-columns:minmax(130px,1.5fr) 1fr 1fr;gap:6px;align-items:stretch}.heatHead{font-size:10px;color:var(--muted);font-weight:800;padding:5px 7px;text-align:center}.heatTerm{padding:8px 7px;border-bottom:1px solid var(--line);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.heatCell{min-height:38px;border-radius:7px;display:grid;place-items:center;font-size:11px;font-weight:850;color:#061426;border:1px solid rgba(255,255,255,.10)}
@media(max-width:900px){.homeVizGrid,.compareVisuals{grid-template-columns:1fr}.compareVizCard:first-child,.compareVizCard:last-child{grid-column:auto}.marketHeatGrid{grid-template-columns:repeat(auto-fit,minmax(36px,1fr))}.donutWrap{grid-template-columns:140px minmax(0,1fr)}.donutChart{width:130px}}
@media(max-width:560px){.marketHeatGrid{grid-template-columns:repeat(auto-fit,minmax(34px,1fr))}.donutWrap{grid-template-columns:1fr}.donutChart{margin:auto}.compareVizHead{display:block}.compareLegend{margin-bottom:10px}.signalHeatmap{grid-template-columns:minmax(105px,1.3fr) 1fr 1fr}.homeBarRow{grid-template-columns:90px 1fr 40px}.compareBarRow{grid-template-columns:80px 1fr 44px}}