/*
 * iOS Safari auto-zoom fix.
 * Focusing an input whose font-size is below 16px makes iOS zoom the page
 * to 16/14 ≈ 1.14x. In this SPA the zoom then persists after login, so the
 * whole student/staff dashboard renders scaled up and clipped on the right.
 * Keeping form controls at ≥16px on touch devices removes the trigger.
 */
@media (pointer: coarse), (max-width: 767px) {
  input,
  select,
  textarea {
    font-size: max(16px, 1em) !important;
  }
}