.chart{position:relative;margin:0;min-width:0;--chart-series-1:var(--accent-display,var(--accent));--chart-series-2:light-dark(#2969ac,#8bbcf4);--chart-series-3:light-dark(#995c20,#f2bd78);--chart-series-4:light-dark(#8456a6,#d2a5ee)}.chart>figcaption{font-weight:600;color:var(--ink);margin-bottom:8px}.chart-legend{display:flex;flex-wrap:wrap;gap:8px 20px;list-style:none;padding:0;margin:0 0 16px;color:var(--muted);font-size:14px}.chart-legend li{display:flex;align-items:center;gap:8px}.chart-key{width:12px;height:12px;background:var(--series);border:1px solid var(--muted);border-radius:2px}.chart-viewport{overflow-x:auto;min-width:0;max-width:100%;padding:4px;overscroll-behavior-x:contain}.chart-viewport:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.chart-svg{display:block;max-width:none;font-family:inherit;overflow:visible}.chart-svg text{fill:var(--muted);font-family:inherit;font-size:12px;direction:ltr;unicode-bidi:plaintext}.chart-grid{stroke:var(--line);stroke-dasharray:3 4}.chart-zero{stroke:var(--muted)}.chart-tooltip{position:absolute;z-index:2;max-width:min(280px,100%);padding:8px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);box-shadow:0 4px 16px #0002;font-size:14px;pointer-events:none;overflow-wrap:anywhere}.chart-tooltip[hidden]{display:none}.chart-data{margin-top:16px}.chart-data summary{min-height:44px;cursor:pointer;color:var(--muted)}.chart-data-scroll{overflow:auto}.chart table{width:100%;border-collapse:collapse;font-size:14px}.chart th,.chart td{padding:12px;text-align:start;border-bottom:1px solid var(--line)}.chart td{font-variant-numeric:tabular-nums}.chart caption{text-align:start;font-weight:600;padding-block:12px}@media(forced-colors:active){.chart-key{background:CanvasText}.chart-grid,.chart-zero{stroke:CanvasText}}.chart-hint{font-size:12px;color:var(--muted);margin:8px 0}.chart-hint[hidden]{display:none}.chart-empty{min-height:320px}