/*
 * Prevent iOS Safari from zooming the visual viewport when editable controls
 * receive focus. Keep the normal viewport scalable so pinch zoom remains
 * available for accessibility.
 */
html {
  -webkit-text-size-adjust: 100%;
}

@supports (-webkit-touch-callout: none) {
  @media screen and (max-width: 1024px) {
    input:not([type='hidden']):not([type='checkbox']):not([type='radio']):not([type='range']):not([type='color']):not([type='button']):not([type='submit']):not([type='reset']):not([type='image']),
    textarea,
    select,
    [contenteditable='true'] {
      font-size: 16px !important;
    }
  }
}