/* TP-PWA-ZOOM-STAGING-20260920-R16. Class is set only in the mobile PWA root document. */
:root {
    --tp-safe-top: env(safe-area-inset-top, 0px);
    --tp-safe-right: env(safe-area-inset-right, 0px);
    --tp-safe-bottom: env(safe-area-inset-bottom, 0px);
    --tp-safe-left: env(safe-area-inset-left, 0px);
}
html.tp-pwa-shell-zoom-r16,
html.tp-pwa-shell-zoom-r16 body {
    touch-action: pan-x pan-y;
    overscroll-behavior-x: none;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}
/* Keep one-finger scrolling and custom pointer handlers. No iframe selectors
   or standalone media rule: display-mode is inherited by embedded documents. */
@media (pointer: coarse) {
    html.tp-pwa-shell-zoom-r16 input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
    html.tp-pwa-shell-zoom-r16 select,
    html.tp-pwa-shell-zoom-r16 textarea { font-size: max(16px, 1em); }
}