/* Inline-SVG line chart used by the Capability Trends card. */

.chart {
    width: 100%;
    height: auto;
    max-height: var(--height-line-chart);
}
.chart__grid {
    stroke: var(--color-border);
    stroke-width: 1;
    stroke-dasharray: 2 4;
}
.chart__axis {
    /* 11px stays readable but counts as "normal text" for WCAG, so
       text-muted (≥ 4.5:1 on bg) suffices. The previous 10px / dim
       combo fell below 4.5:1 (small-text contrast threshold). */
    fill: var(--color-text-muted);
    font-family: var(--font-mono);
    font-size: var(--fs-xxs);
}
.chart__line {
    transition: opacity var(--t-fast);
}
.chart:hover .chart__line { opacity: 0.4; }
.chart__line:hover { opacity: 1; stroke-width: 3; }