/*
 * iPhone browsers can zoom focused form controls whose text is smaller than 16px.
 * Keep this stylesheet loaded after every theme so new and dynamically rendered
 * text-entry controls inherit the same accessible focus behaviour automatically.
 */
@media (max-width: 768px), (pointer: coarse), (max-width: 1024px) and (max-height: 500px) {
    input:not([type]),
    input[type="text"],
    input[type="search"],
    input[type="number"],
    input[type="tel"],
    input[type="email"],
    input[type="password"],
    input[type="url"],
    input[type="date"],
    input[type="time"],
    input[type="datetime-local"],
    input[type="month"],
    input[type="week"],
    textarea,
    select {
        /* A shared accessibility floor must win over compact theme/component rules.
         * Respect a larger root font instead of forcing users back down to 16px. */
        font-size: max(16px, 1rem) !important;
    }
}