/*
 * Stop iOS Safari from zooming the page when a form field gets focus.
 *
 * iOS zooms in on any focused <input>/<select>/<textarea> whose font-size is
 * under 16px, and the zoom leaves the page wider than the screen, cutting off
 * the sides of forms that are already laid out for a phone. Raising those
 * fields to 16px on touch screens prevents it without touching the viewport
 * tag, so pinch-zoom keeps working (user-scalable=no also blocks the
 * auto-zoom, but takes pinch-zoom away, which public pages must keep).
 *
 * Desktop browsers (hover + fine pointer) are untouched. !important because
 * site stylesheets size these fields with id selectors (#lets-talk-form …).
 * max(16px, 1em) keeps a field that inherits a larger size from its container
 * (CAS's `.cas-input { font-size: 1em }` in 18px forms). A field sized larger
 * by its own rule must mark that size !important itself (CAS's 1.2em donation
 * and reservation-code fields do), or it is brought down to this floor.
 * Linked from the base templates of sites whose viewport allows zooming:
 * site_mightyant (mightyant.com + getbusinessengine.com) and site_cas.
 */
@media (hover: none) and (pointer: coarse) {
    input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]):not([type=submit]):not([type=button]):not([type=reset]):not([type=image]),
    select,
    textarea {
        font-size: max(16px, 1em) !important;
    }
}