/* Shared mobile usability layer for the complete MAXXXOUT site. */
:root{--tap-size:44px}
html{max-width:100%;overflow-x:clip;scroll-padding-top:5rem;-webkit-text-size-adjust:100%}
body{width:100%;min-width:320px;max-width:100%;overflow-x:clip}
img,video,iframe,canvas,svg{max-width:100%}
main,section,article,aside,header,footer,nav,form{min-width:0}
input,select,textarea{max-width:100%}
button,a.button,a.btn,a.submit,[role=button]{touch-action:manipulation}
button{min-height:var(--tap-size)}
input[type=checkbox],input[type=radio]{min-width:18px;min-height:18px}
section[id],main[id]{scroll-margin-top:5rem}
@media(max-width:700px){
  .hero{min-width:0;grid-template-columns:minmax(0,1fr)}
  .section-head,.head{gap:1rem}
  .fields,.form-grid,.tier-grid,.goal-grid,.review,.form-layout,.content-layout,.plans,.products,.brand-grid,.roles,.category-grid,.service-grid,.edit-grid,.workshop-grid,.recovery-grid,.profiles,.paths,.resources,.steps,.experience-grid,.floor-stage,.journey,.cta{grid-template-columns:minmax(0,1fr)!important}
  .experience:nth-child(n){grid-column:1/-1}
  .field.wide,.field.full{grid-column:1/-1}
  .filters,.floor-tabs,.cat-nav,.rail,.nav{max-width:100%;overscroll-behavior-inline:contain}
  .form-layout,.content-layout{align-items:stretch}
  .plan.featured{transform:none}
  .footer-links,footer{flex-wrap:wrap;gap:12px}
}