.chart-legend{display:flex;flex-wrap:wrap;gap:8px 20px;margin:0 0 12px;color:var(--mut);font-size:12px;font-weight:500}
.chart-legend span{display:inline-flex;align-items:center;gap:7px}
.chart-legend i{width:16px;height:3px;border-radius:3px;background:var(--teal)}
.chart-legend .chart-key-limit{height:0;border-top:2px dashed var(--warn);border-radius:0;background:none}
.chart-svg{overflow:visible}
.chart-axis{font-family:inherit;font-size:12px;fill:var(--mut);font-variant-numeric:tabular-nums}
.chart-grid{stroke:var(--line);stroke-width:1;stroke-opacity:.55}
.chart-limit{stroke:var(--warn);stroke-width:1.3;stroke-dasharray:5 5;opacity:.75}
.chart-line{fill:none;stroke:var(--teal);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.chart-dot{fill:var(--teal);stroke:var(--card);stroke-width:1.5}
.chart-line.chart-over{stroke:var(--bad)}
.chart-dot.chart-over{fill:var(--bad)}
.chart-hit{fill:transparent;stroke:none}
.chart-note{margin:10px 0 0;color:var(--mut);font-size:11px;line-height:1.6}
@media(max-width:599px){.chart-axis{font-size:19px}}