.viz-chart{border:1px solid var(--color-border);background:var(--color-surface);border-radius:4px;margin:1.5rem 0;padding:1rem 1.25rem}.viz-chart__title{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-faint);margin-bottom:.75rem;font-size:.72rem}.viz-chart__svg{max-width:100%;height:auto;display:block}.viz-chart__axis{font-family:var(--font-mono);fill:var(--color-text-faint);font-size:9px}.viz-chart__donut-wrap{flex-wrap:wrap;align-items:center;gap:1.25rem;display:flex}.viz-chart__donut-wrap .viz-chart__svg{flex:1;min-width:140px;max-width:220px}.viz-chart__legend{font-family:var(--font-mono);color:var(--color-text-muted);flex-direction:column;gap:.4rem;margin:0;padding:0;font-size:.78rem;list-style:none;display:flex}.viz-chart__legend li{align-items:center;gap:.5rem;display:flex}.viz-chart__swatch{border-radius:2px;flex-shrink:0;width:.7rem;height:.7rem}