/* Viewport safety pass: prevent left/right clipping without changing site content or functionality. */
html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important;}
*,*::before,*::after{box-sizing:border-box;}
img,svg,video,canvas{max-width:100%;height:auto;}
body>main,main,section,nav,footer,.container,.section-inner,.wrap,.hero-inner{max-width:100%;}

/* Desktop/tablet homepage hero: preserve the full left and right edges of the premium hero artwork. */
@media(min-width:761px){
  .hero.hero-premium-integrated{
    background-size:100% auto!important;
    background-position:center top!important;
    background-repeat:no-repeat!important;
    background-color:#050505!important;
  }
  .hero-premium-hotspot--ask{
    left:3.05%!important;
    max-width:calc(100vw - 32px)!important;
  }
}

/* Mobile homepage hero: remove negative-width image bleed that can clip the left edge on narrow devices. */
@media(max-width:760px){
  nav{left:0!important;right:0!important;width:100%!important;max-width:100vw!important;}
  .mobile-menu{max-width:calc(100vw - 20px)!important;box-sizing:border-box!important;}
  .hero.hero-premium-integrated{width:100%!important;max-width:100vw!important;overflow:hidden!important;}
  .hero.hero-premium-integrated .hero-inner{
    width:100%!important;
    max-width:100%!important;
    padding-left:max(18px,env(safe-area-inset-left))!important;
    padding-right:max(18px,env(safe-area-inset-right))!important;
    margin-left:0!important;
    margin-right:0!important;
  }
  .hero.hero-premium-integrated .hero-inner::before{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    height:clamp(260px,72vw,360px)!important;
    background-size:100% auto!important;
    background-position:center top!important;
    background-repeat:no-repeat!important;
  }
  .hero.hero-premium-integrated .hero-sub,
  .hero.hero-premium-integrated .hero-tagline,
  .hero.hero-premium-integrated .hero-credential,
  .hero.hero-premium-integrated .hero-positioning,
  .hero.hero-premium-integrated .mobile-hero-command-actions,
  .hero.hero-premium-integrated .mobile-hero-trust-stack{
    max-width:100%!important;
  }
  .forge-mobile-wrap,.forge-mobile-command-shell,.container,.section-inner,.wrap{
    width:min(100% - 32px,560px)!important;
    max-width:calc(100vw - 32px)!important;
  }
  .mobile-program-rail{
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:0!important;
    padding-right:0!important;
  }
}