.chart-frame {
    /* Chart.js sizes to its container, so the container must have a real height. */
    position: relative;
    height: clamp(280px, 52vh, 560px);
    padding: 12px;
    border: 1px solid var(--border);
    border-radius: var(--radius);
    background: var(--surface-1);
}

.chart-canvas {
    display: block;
    width: 100%;
    height: 100%;
}