/* Chapter 6: the stability lab shows the boat and its chart side by side. */
#v6-2 .duo { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 12px; align-items: start; }
#v6-2 .extras { display: flex; flex-wrap: wrap; gap: 6px 16px; }
#v6-2 .extras > span { width: 100%; }
#v6-2 .handle { cursor: grab; }
@media (max-width: 700px) {
  #v6-2 .duo { grid-template-columns: minmax(0, 1fr); }
}
#v6-2 .controls { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
#v6-2 .grp { display: grid; gap: 12px; align-content: start; }
@media (max-width: 860px) {
  #v6-2 .controls { grid-template-columns: minmax(0, 1fr); }
}
/* Phones: the drawings shrink a lot, so the labels inside them grow. */
@media (max-width: 600px) {
  #v6-2 .lbl { font-size: 19px; }
  #v6-1 .lbl { font-size: 17px; }
  #v6-1 .lbl.small, #v6-2 .lbl.small { font-size: 16px; }
  #v6-1 .lbl.big, #v6-2 .lbl.big { font-size: 22px; }
  #v6-1 .pt-label, #v6-2 .pt-label { font-size: 18px; }
}