/*
 * application.css — id's own app-wide styles (Propshaft serves it directly; no
 * preprocessing). Host-side overrides that compensate for arqu_ui engine gaps
 * live in engine_overrides.css, kept separate so they are easy to find and
 * retire; this file is for styles that are genuinely id's own.
 */

/*
 * Mobile: keep form controls at >= 16px so iOS Safari does not auto-zoom on
 * focus. iOS magnifies any focused input/select/textarea whose font-size is
 * below 16px (arqu_ui's .kt-input is 0.8125rem ~= 13px), and that zoom shifts +
 * clips the layout — e.g. the autofocused password field on /login. Bumping the
 * font to 16px on small screens stops the auto-zoom while PRESERVING pinch-to-
 * zoom (the accessibility-correct fix; viewport maximum-scale would break it,
 * violating WCAG 1.4.4). Desktop keeps the engine's compact 13px sizing.
 */
@media (max-width: 768px) {
  .kt-input,
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
  select,
  textarea {
    font-size: 16px;
  }
}