/* mobile-fields.css — iOS Safari: no zoom-on-focus, no sideways drag.
   Linked from every page layout; tests/Unit/MobileFieldsStylesheetTest.php enforces it. */
/* ── iOS Safari: no zoom-on-focus, no sideways drag ──
   Safari zooms into any text field below 16px when it gets focus and then lets
   the whole page be panned left/right. Forcing 16px on phones stops the zoom
   without disabling pinch-zoom (no maximum-scale in the viewport meta). The
   rest clips any stray overflow so the page can never scroll sideways.
   !important because page stylesheets size their own fields with classes. */
@media (max-width: 768px) {
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="color"]):not([type="hidden"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="image"]),
  select,
  textarea {
    font-size: 16px !important;
  }
  html {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
    overflow-x: hidden;
  }
  body {
    max-width: 100%;
    overflow-x: clip;
  }
}