.stat-label{color:var(--faint);font-size:var(--meta-size);letter-spacing:.12em;margin-right:auto}.scatter-module__topline{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}.scatter-module__topline>:first-child{text-align:left}.scatter-legend{color:var(--muted);font-size:var(--meta-size);gap:18px;display:flex}.scatter-legend span{align-items:center;gap:7px;display:flex}.legend-dot{background:var(--chart-primary);border-radius:50%;width:8px;height:8px}.legend-dot--high{background:var(--chart-highlight)}.scatter-stats{background:0 0;grid-template-columns:1fr;margin-top:28px;display:grid}.scatter-stats>div{grid-template-columns:1fr auto auto;align-items:baseline;gap:5px;min-height:72px;padding:14px 16px;display:grid}.scatter-stats strong{font-size:var(--metric-size);letter-spacing:-.04em}.scatter-stats small{color:var(--muted);font-size:var(--meta-size)}.scatter-canvas{background:var(--paper);margin-top:12px;overflow-x:auto}.scatter-canvas svg{width:100%;min-width:680px;height:auto;display:block}.scatter-grid line{stroke:var(--chart-grid);stroke-width:1px;stroke-dasharray:3 4}.scatter-axis{stroke:var(--chart-axis);stroke-width:1.4px}.scatter-ticks text,.scatter-axis-title{fill:var(--muted);font-family:var(--mono);font-size:var(--chart-label-size)}.scatter-points circle{fill:var(--chart-primary);stroke:var(--paper);stroke-width:1.5px;cursor:pointer;transition:r .12s,fill .12s}.scatter-points circle.is-high{fill:var(--chart-highlight)}.scatter-points circle.is-active{stroke:var(--chart-primary);stroke-width:3px}.scatter-points circle:focus{outline:none}.scatter-points circle:focus-visible{stroke:var(--chart-primary);stroke-width:3px}.scatter-plot{position:relative}.scatter-tooltip{z-index:1;border:1px solid var(--line);background:var(--paper);width:max-content;max-width:min(260px,100% - 16px);color:var(--ink);font-size:var(--meta-size);pointer-events:none;border-radius:4px;gap:4px;padding:12px 14px;line-height:1.5;display:grid;position:absolute}.scatter-tooltip[hidden]{display:none}.scatter-tooltip>:first-child,.scatter-tooltip__measures{color:var(--muted);font-family:var(--mono)}.scatter-tooltip strong{font-size:var(--text-size)}@media (width<=480px){.scatter-legend{flex-direction:column;gap:8px}}