/* Shared mobile viewport and form sizing across public pages and portals. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
@media(max-width:960px){
 html{width:100%;overflow-x:clip;scroll-padding-top:76px}
 body{width:100%;min-width:0;max-width:100%;overflow-x:clip}
 main,#app,#content,.wrap,.p-shell{min-width:0;max-width:100%}
 img,video,iframe{max-width:100%}
 /* iOS keeps the viewport scale on focus when editable controls use >=16px. */
 input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]):not([type=button]):not([type=submit]),textarea,select,[contenteditable=true]{font-size:16px!important;max-width:100%;min-width:0}
 input[type=date],input[type=datetime-local],input[type=time]{min-inline-size:0}
 textarea{box-sizing:border-box}
 .hsearch,.hsearch__wrap,.b2b-fields>* ,.support__form,.efield,.frow>*{min-width:0}
 .p-top>div{display:flex;align-items:center;gap:8px;min-width:0}
 .p-top #portalLanguage{width:100px;flex-shrink:0}
 .p-top .p-account{min-width:0;overflow:hidden;text-overflow:ellipsis}
 dialog{box-sizing:border-box;max-width:calc(100% - 24px);max-height:calc(100dvh - 24px)}
}