/* apliteni-ui — touch-zoom net. iOS Safari zooms the page into a focused field
 * whose text is under 16px and does not zoom back out, so under (pointer: coarse)
 * every field the kit ships is 16px. Element selectors rather than kit classes,
 * and !important for the reason reduced-motion.css takes it; left out are the
 * controls with nothing to type into, which never zoom.
 *
 * The two costs, argued in the spec below: a 16px scaled back down with a
 * transform still zooms, and this is a flat size rather than a floor, so a host
 * field designed ABOVE 16px is shrunk here. The override recipe is there too.
 *
 * why: docs/foundations.md#a-field-is-16px-on-a-touch-screen */

@media (pointer: coarse) {
  input:not(:where(
    [type="button"], [type="checkbox"], [type="color"], [type="file"], [type="hidden"],
    [type="image"], [type="radio"], [type="range"], [type="reset"], [type="submit"]
  )),
  select,
  textarea { font-size: 16px !important; }
}