/* No sideways panning on phones (all pages). */
*,*::before,*::after{box-sizing:border-box}
html,body{max-width:100%;overflow-x:hidden}
@supports (overflow:clip){html,body{overflow-x:clip}}
img,svg,canvas,iframe,video,picture{max-width:100%}
input,select,textarea,button{max-width:100%;min-width:0}
table{max-width:100%}td,th,p,div,span,a,li,h1,h2,h3,h4,h5{overflow-wrap:anywhere}
pre,code{white-space:pre-wrap;word-break:break-word}
@media (max-width:768px){
  /* iOS Safari zooms (and then pans) when a focused field's text is under 16px */
  input,select,textarea{font-size:16px!important}
  .modal,.popup,dialog,[role=dialog]{max-width:calc(100vw - 16px)!important;max-height:calc(100dvh - 16px);overflow:auto}
}