/* iOS Safari can zoom focused controls whose text is smaller than 16px.
   Keep editable controls readable without disabling pinch-to-zoom. This
   includes wide touch devices (e.g. tablets in landscape), not just phones. */
@media (max-width: 1024px), (hover: none) and (pointer: coarse) {
  input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="image"]),
  select,
  textarea,
  [contenteditable="true"] {
    font-size: 16px !important;
  }
}