/*
 * Phones: 16px text in every box people type or pick in (2026-10-11).
 *
 * iPhones zoom the whole page in when a box with text under 16px is tapped,
 * and the page stays zoomed after. custom.css sets form boxes to 0.92rem
 * (12.88px) on phones, and many pages set their own smaller sizes, so the
 * zoom happened on nearly every form.
 *
 * The selector is deliberately strong - :is() plus a chain of :not() - so
 * it outranks page styles such as ".xl-t .xl-st select" without each page
 * having to be changed. Checkboxes, radios, sliders, file and colour
 * pickers and buttons are left alone; only text, numbers, dates, dropdowns
 * and text areas are touched. Desktop is unchanged.
 *
 * Linked from layout.master, layout.public and the standalone pages with
 * forms (sign-in, password, replacement booking, student portal, auto-debit,
 * Curlec form, activity log).
 */
@media (max-width: 767px) {
    html body :is(input, select, textarea):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="color"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="image"]):not([type="hidden"]) {
        font-size: 16px !important;
    }
}