/* Shared small-screen safeguards for account, staff and editorial pages. */
html{max-width:100%}body{max-width:100%;overflow-x:hidden}
main,section,article,.wrap,.panel,.panel-body,.chat-wrap,.chat-main,.layout{min-width:0}
img,video,iframe{max-width:100%}pre,code{overflow-wrap:anywhere}
input,select,textarea{max-width:100%;min-width:0}
@media(max-width:720px){
 .topbar{flex-wrap:wrap;gap:8px;padding-inline:12px}.topbar .wrap{padding-inline:12px}
 .topbar .nav-links{flex-wrap:wrap;gap:8px}.wrap,main{padding-inline:max(12px,env(safe-area-inset-left)) max(12px,env(safe-area-inset-right))}
 .panel-head,.panel-body{padding-inline:12px}.panel-head{flex-wrap:wrap}
 .columns,.cards,.grid,.stats-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}
 table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
 button,a,summary,input,select,textarea{touch-action:manipulation}input,textarea,select{font-size:max(16px,1em)}
 [role="dialog"]{max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto}
}
@media(max-width:420px){.panel-head,.topbar .right{gap:7px;flex-wrap:wrap}.big-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}