/* Keep editable controls readable before focus so iOS need not zoom into them.
   Unlayered + important covers page-specific small text, including dialogs.
   The viewport remains user-scalable; desktop form sizes stay unchanged. */
@media (max-width: 1023px), (hover: none) and (pointer: coarse) {
  html body input:not(
    [type="hidden"],
    [type="checkbox"],
    [type="radio"],
    [type="button"],
    [type="submit"],
    [type="reset"],
    [type="range"],
    [type="color"],
    [type="file"],
    [type="image"]
  ),
  html body textarea,
  html body select {
    font-size: max(16px, 1rem) !important;
  }
}