/* mobile.css — shared phone/tablet safety net, loaded by every page that appears inside the site shell */
@media (max-width: 850px) {
    html, body { max-width: 100%; overflow-x: hidden; }
    img, video, canvas, svg { max-width: 100%; }
    iframe { max-width: 100%; }
    /* 16px inputs stop iOS Safari zooming the page when a field is tapped */
    input:not([type=checkbox]):not([type=radio]):not([type=range]), select, textarea { font-size: 16px !important; }
    /* wide tables scroll inside themselves instead of pushing the page sideways */
    table { display: block; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
    /* comfortable touch targets */
    button, .btn, [role="button"] { min-height: 40px; }
    pre, code { white-space: pre-wrap; word-break: break-word; }
}
@media (max-width: 480px) {
    .page-wrapper, .wrap, .um-wrap, .acc-wrap, .pl-wrap { padding-left: 12px; padding-right: 12px; }
}