/* Touch screens.

   A double tap does not zoom: taps on controls land at once and a quick
   second tap is a second press, while pinch zoom stays for anyone who
   needs it.

   A field whose text is under 16px makes iOS Safari zoom the page when it
   takes focus, and the page stays zoomed after. On a touch screen every
   text field, select and editable region is 16px (desktop keeps the
   control size); the overrides layer outranks each template's own size. */

html {
  touch-action: manipulation;
}

@layer overrides {
  @media (hover: none) and (pointer: coarse) {
    input:not([type="checkbox"], [type="radio"], [type="range"], [type="color"], [type="file"],
              [type="button"], [type="submit"], [type="reset"], [type="image"], [type="hidden"]),
    textarea,
    select,
    [contenteditable]:not([contenteditable="false"]) {
      font-size: max(16px, 1em);
    }
  }
}