/* Ping / jitter test area (07 §3). The chart has a fixed height so nothing moves while it fills. */
.ping-chart { display: block; width: min(100%, var(--ping-chart-w)); height: var(--ping-chart-h); margin-top: var(--space-4); }
/* Keep the chart's 640 px canvas from widening the card before (or without) JS: the column caps it. */
.ping-area .test-area__body { grid-template-columns: minmax(0, 1fr); }
.ping-area .speed { width: 100%; grid-template-columns: minmax(0, 1fr); }
.ping-area__target { width: auto; min-height: var(--control-h-sm); }
.ping-area .metrics { grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (min-width: 768px) { .ping-area .metrics { grid-template-columns: repeat(5, minmax(0, 1fr)); } }