/* Global (non-scoped) styles for the chart zoom feature.
   Keeps the SVG host fully covered by its SVG so that zoom — which is
   implemented via SVG viewBox cropping done in JS, not CSS scale —
   stays crisp at any zoom level. */

.charts-interaction-area .chart-svg-host > svg {
    width: 100%;
    height: 100%;
}

/* Keep stroke widths constant in device pixels so non-uniform
   X-axis zoom (preserveAspectRatio='none') doesn't fatten vertical
   strokes / thin out horizontal ones. */
.charts-interaction-area .chart-svg-host > svg * {
    vector-effect: non-scaling-stroke;
}