/*
 * Mobile browser accessibility: Safari and several embedded webviews zoom in
 * when a focused editable control is smaller than 16px. Keep text inputs at
 * that readable threshold without disabling the user's manual pinch zoom.
 */
html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

@media (max-width: 900px), (pointer: coarse) {
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
  select,
  textarea {
    font-size: 16px !important;
    line-height: 1.25;
  }
}