/* Prevent browser page zoom on mobile while preserving taps, scrolling and
   application-level double-click handlers (for example, the dental formula). */
@media (max-width: 768px), (hover: none) and (pointer: coarse) {
    html,
    body {
        touch-action: pan-x pan-y;
    }

    input,
    textarea,
    select,
    [contenteditable="true"],
    [contenteditable="plaintext-only"] {
        font-size: 16px !important;
    }

    button,
    a,
    label,
    input,
    textarea,
    select,
    [role="button"],
    [contenteditable="true"],
    [contenteditable="plaintext-only"] {
        touch-action: manipulation;
    }
}