/* Keep mobile dropdown choices readable without narrowing their tap targets. */
@media (max-width: 600px) {
  body select { min-width: 0; max-width: 100%; min-height: 44px; }
  body .round-panel select, body .cup-panel select, body .course-choice select {
    font-size: 14px; line-height: 1.4; padding: 10px 28px 10px 10px;
  }
  .edit-grid > label:has(select) { grid-column: 1 / -1; }
  .round-panel label:has(> select), .cup-panel label:has(> select) { display: block; min-width: 0; }
  .round-panel label > select, .cup-panel label > select { display: block; width: 100%; margin-top: 8px; }
  body .hole-nav select { width: auto; min-width: 64px; font-size: 18px; }
  select:focus-visible { outline: 3px solid #648724; outline-offset: 2px; }
}