/* ===== mobile input sizing - loaded by every page ===== */

/* iOS Safari zooms the whole page whenever a focused input, textarea or select
   has a computed font-size below 16px, and it never zooms back out on blur -
   so adding a todo or typing in search left you pinching out again before you
   could reach submit. Every field here is styled at 0.8-0.9rem for desktop
   density, which is 13-14px: under the threshold on all of them.

   Raising the touch-device size to exactly 16px is the only dependable fix.
   The viewport-meta route (maximum-scale=1 / user-scalable=no) is ignored by
   modern iOS Safari and would kill deliberate pinch-zoom if it did work.

   Scoped to (pointer: coarse) so desktop density is untouched no matter how
   narrow the window gets. !important because the per-page rules that set these
   sizes are class selectors (.search-input, .vs-input, .todo-edit-input, ...)
   and outrank a bare element selector regardless of stylesheet order. */
@media (pointer: coarse) {
    /* Text-entry controls only. Checkbox/radio/range/buttons never trigger the
       zoom and can shift size with font-size, so they are left alone. */
    input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="color"]):not([type="file"]),
    textarea,
    select {
        font-size: 16px !important;
    }
}