/* Sitewide responsive hardening: prevents grid/table content from forcing pages wider than the viewport. */
html,body{max-width:100%}
main,section,.container,.content-grid,.article-content,.article,.side,.sidebar,.hero-shell,.hero-copy,.hero-image,.glass{min-width:0;max-width:100%}
.content-grid>*{min-width:0;max-width:100%}
.table-wrap,.nutrition-table-wrap,.table-container,.responsive-table,.workout-table-wrap,.comparison-table-wrap{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain}
.table-wrap table,.nutrition-table-wrap table,.table-container table,.responsive-table table,.workout-table-wrap table,.comparison-table-wrap table{max-width:none}
img,svg,video,canvas,iframe{max-width:100%}
@media(max-width:768px){
  .container{width:calc(100% - 24px)!important}
  .content-grid{grid-template-columns:minmax(0,1fr)!important}
  .article-content,.article{padding-left:18px!important;padding-right:18px!important}
  .hero-copy{min-width:0}
  .breadcrumb{overflow-wrap:anywhere}
  .footer-column a,.footer-col a,.breadcrumb a{min-height:44px;display:inline-flex;align-items:center}
  h1,h2,h3,p,li,a,span,strong{overflow-wrap:anywhere}
}
@media(max-width:420px){
  .container{width:calc(100% - 18px)!important}
  .article-content,.article{padding-left:15px!important;padding-right:15px!important}
}