/* Chapter 7: bigger labels in the wide drawings on small screens (those SVGs scale down a lot). */
@media (max-width: 600px) {
  #v7-1 .lbl, #v7-3 .lbl { font-size: 20px; }
  #v7-1 .lbl.big, #v7-3 .lbl.big { font-size: 22px; }
  #v7-1 .pt-label, #v7-3 .pt-label { font-size: 20px; }
  #v7-3 .lbl.big { font-size: 30px; }
}

/* 7.2: rear view and top view side by side, stacked on phones. */
.v7-pair { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.v7-pair figure { margin: 0; display: grid; gap: 4px; }
.v7-pair figcaption { font-weight: 700; font-size: 0.9rem; color: var(--muted); text-align: center; }
@media (max-width: 600px) { .v7-pair { grid-template-columns: 1fr; } }

/* 7.3: keep the sliders at the top of their cells next to the taller score box. */
#v7-3 .controls.row { align-items: start; }