.chart{position:relative;margin:var(--space-5) 0;max-width:560px}.chart-svg{display:block;width:100%;height:auto;overflow:visible}.chart-title{font-family:var(--font-archivo),ui-sans-serif,system-ui,sans-serif;color:var(--text-3);margin:0 0 var(--space-3)}.chart-caption{font-size:14px;line-height:1.55;color:var(--text-2);margin:var(--space-3) 0 0;max-width:34rem}.chart-caption strong{color:var(--text);font-weight:600}.chart-method{font-size:12px;color:var(--text-3);font-family:var(--font-plex-mono),ui-monospace,monospace;line-height:1.5;margin:var(--space-2) 0 0;max-width:34rem}.chart-empty{border:1px solid var(--border-strong);background:var(--raised);padding:var(--space-4) var(--space-4);color:var(--text-2);font-size:14px}.chart-empty p{margin:0}.chart-svg text{fill:var(--text-2)}.chart-num{font-family:var(--font-plex-mono),ui-monospace,monospace;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;fill:var(--text-3)}.chart-cat{font-family:var(--font-public-sans),ui-sans-serif,system-ui,sans-serif;fill:var(--text-2)}.chart-lead{fill:var(--text)}.chart-gap-label,.chart-lead{font-family:var(--font-plex-mono),ui-monospace,monospace;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:600}.chart-gap-label{fill:var(--amber)}.chart-grid{stroke:var(--border);stroke-width:1}.chart-axis{stroke:var(--border-strong);stroke-width:1}.chart-rule{stroke:var(--text);stroke-width:2}.chart-hair{stroke:var(--border-strong);stroke-width:1}.chart-band{fill:var(--raised)}.chart-bar{fill:var(--accent)}.chart-bar-outline{fill:none;stroke:var(--text-3);stroke-width:1.4}.chart-line{fill:none;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.chart-line-accent{stroke:var(--accent)}.chart-line-ink{stroke:var(--text)}.chart-line-ink-2{stroke:var(--text-2)}.chart-mark{stroke:var(--surface);stroke-width:2}.chart-mark-accent{fill:var(--accent)}.chart-mark-ink{fill:var(--text)}.chart-mark-ink-2{fill:var(--text-2)}.chart-mark-hollow{fill:var(--surface);stroke:var(--text-3);stroke-width:2}.chart-connector{fill:var(--amber)}@keyframes chart-grow-x{0%{transform:scaleX(0)}}@keyframes chart-grow-y{0%{transform:scaleY(0)}}.chart-anim-x{animation:chart-grow-x .38s ease-out 1;transform-box:fill-box;transform-origin:left center}.chart-anim-y{animation:chart-grow-y .38s ease-out 1;transform-box:fill-box;transform-origin:center bottom}@media (prefers-reduced-motion:reduce){.chart-anim-x,.chart-anim-y{animation:none}}.chart-legend{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);margin:0 0 var(--space-3);padding:0;list-style:none}.chart-legend li{display:flex;align-items:center;gap:var(--space-2);font-size:12px;color:var(--text-2)}.chart-legend svg{flex:0 0 auto;overflow:visible}@media (max-width:480px){.chart-caption{font-size:13px}.chart-legend{gap:var(--space-1) var(--space-4)}.chart-legend li{font-size:11px}}.chart-bar-hit{cursor:default}.chart-bar-hit .chart-bar{transition:fill .12s ease-out,opacity .12s ease-out}.chart-bar-hit:hover .chart-bar{fill:var(--text)}.chart-bar-hit .chart-bar-outline{transition:stroke .12s ease-out,opacity .12s ease-out}.chart-bar-hit:hover .chart-bar-outline{stroke:var(--text)}.chart-svg:has(.chart-bar-hit:hover) .chart-bar-hit:not(:hover) .chart-bar,.chart-svg:has(.chart-bar-hit:hover) .chart-bar-hit:not(:hover) .chart-bar-outline{opacity:.35}@media (prefers-reduced-motion:reduce){.chart-bar-hit .chart-bar,.chart-bar-hit .chart-bar-outline{transition:none}}.chart-legend li{list-style:none}