.chart-interactive { cursor: crosshair; touch-action: pan-y; }
.chart-interactive:focus-visible { outline: 2px solid #80deef; outline-offset: 3px; }
.chart-cursor { stroke: #bcebf2; stroke-width: 1; stroke-dasharray: 3 3; vector-effect: non-scaling-stroke; pointer-events: none; }
.chart-marker { fill: #f1ffff; stroke: #0a2030; stroke-width: 2; vector-effect: non-scaling-stroke; pointer-events: none; }
.chart-inspection { display: flex; flex-wrap: wrap; align-items: baseline; gap: 3px 9px; min-height: 37px; padding-top: 8px; font-size: 12px; line-height: 1.4; }
.chart-inspection > strong { color: #d9f7fb; font-size: 13px; font-variant-numeric: tabular-nums; }
.chart-inspection > span:not(.sr-only) { color: var(--muted); }
.metric .peak-time { margin-top: 4px; font-size: 11px; line-height: 1.45; }
@media print {
  .chart-inspection, .chart-cursor, .chart-marker { display: none; }
}