/* Mobile touch target accessibility — WCAG minimum 44px */
@media (pointer: coarse) {
  button,
  [role="button"],
  input[type="submit"],
  input[type="button"],
  input[type="reset"],
  .btn,
  a.btn {
    min-height: 44px;
    min-width: 44px;
  }

  input[type="checkbox"],
  input[type="radio"] {
    min-width: 24px;
    min-height: 24px;
  }

  /* Ensure checkbox/radio labels have adequate tap area */
  label:has(input[type="checkbox"]),
  label:has(input[type="radio"]) {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
  }

  select {
    min-height: 44px;
  }
}