/* Keep the page at device width; maps and horizontal lists handle their own pan. */
html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

@media (max-width: 900px), (any-pointer: coarse) {
  html, body {
    max-width: 100%;
    overflow-x: hidden;
    overflow-x: clip;
    overscroll-behavior-x: none;
    touch-action: pan-x pan-y;
  }

  /* iOS zooms the page when a focused text control is smaller than 16px. */
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="hidden"]):not([type="file"]):not([type="button"]):not([type="submit"]):not([type="reset"]),
  textarea,
  select,
  [contenteditable="true"],
  [contenteditable=""] {
    font-size: max(16px, var(--mobile-field-font-size, 1em)) !important;
    max-width: 100%;
  }
}