/* Explicitly anchor the narrow-screen header inside its own page, not by transform. */
@media(max-width:1100px){
  .bttdBwpLanding{width:100%!important;min-width:0!important;max-width:100%!important}
  .bttdBwpLanding>header.bttdLandingNav{
    position:sticky!important;inset:auto!important;top:max(8px,env(safe-area-inset-top))!important;
    left:auto!important;right:auto!important;transform:none!important;translate:none!important;
    width:calc(100% - 16px)!important;max-width:calc(100% - 16px)!important;
    min-width:0!important;margin:8px auto 0!important;box-sizing:border-box!important;
    overflow:visible!important;grid-template-columns:44px minmax(0,1fr) auto!important;
  }
  .bttdBwpLanding>header.bttdLandingNav>nav[aria-label="Public website navigation"]{
    display:flex!important;flex-wrap:wrap!important;justify-content:center!important;
    width:100%!important;max-width:100%!important;min-width:0!important;
    overflow:visible!important;gap:0 3px!important;
  }
  .bttdBwpLanding>header.bttdLandingNav>nav[aria-label="Public website navigation"]>a{
    flex:0 0 auto!important;min-width:0!important;min-height:44px!important;
    padding:8px!important;font-size:12px!important;
  }
  .bttdBwpLanding .bttdLandingHero{padding-top:32px!important}
  .bttdBwpLanding .bttdLandingHeroGrid,
  .bttdBwpLanding .bttdLandingHeroCard,
  .bttdBwpLanding .bttdLandingHeroCard>div span{min-width:0!important;max-width:100%!important}
  .bttdBwpLanding .bttdLandingHeroCard strong{white-space:normal!important;overflow-wrap:anywhere!important}
  .bttdBwpLanding section[id]{scroll-margin-top:180px!important}
  .bttdAccessAuthModal.open{
    left:0!important;right:0!important;width:100%!important;max-width:100%!important;
    transform:none!important;translate:none!important;box-sizing:border-box!important;
    align-items:flex-start!important;overflow-x:hidden!important;overflow-y:auto!important;
  }
  .bttdAccessAuthModal>.loginShell.bttdBwpAuth{
    display:flex!important;flex-direction:column!important;flex:0 0 auto!important;
    width:min(620px,100%)!important;max-width:100%!important;min-width:0!important;
    height:auto!important;max-height:none!important;min-height:0!important;
    margin:0 auto!important;transform:none!important;translate:none!important;
    overflow:visible!important;
  }
  .bttdAccessAuthModal>.loginShell.bttdBwpAuth>.loginPanel{
    display:flex!important;flex-direction:column!important;flex:0 0 auto!important;
    width:100%!important;min-width:0!important;max-width:100%!important;
    height:auto!important;min-height:0!important;max-height:none!important;
    transform:none!important;translate:none!important;overflow:visible!important;
  }
  .bttdAccessAuthModal>.loginShell.bttdBwpAuth>.loginPanel>.loginBox{
    width:100%!important;min-width:0!important;max-width:100%!important;
    height:auto!important;min-height:0!important;max-height:none!important;
    overflow:visible!important;zoom:1!important;transform:none!important;
  }
  .bttdAccessAuthModal .bttdBwpAuth .loginBox form,
  .bttdAccessAuthModal .bttdBwpAuth .loginBox form label,
  .bttdAccessAuthModal .bttdBwpAuth .loginBox .signupPasswords{
    width:100%!important;min-width:0!important;max-width:100%!important;
    height:auto!important;max-height:none!important;box-sizing:border-box!important;
  }
  .bttdAccessAuthModal .bttdBwpAuth .loginBox h2,
  .bttdAccessAuthModal .bttdBwpAuth .loginBox>p,
  .bttdAccessAuthModal .bttdBwpAuth .employerEntryButton span,
  .bttdAccessAuthModal .bttdBwpAuth .termsCheck span,
  .bttdAccessAuthModal .bttdBwpAuth .loginError,
  .bttdAccessAuthModal .bttdBwpAuth .subscriptionLine,
  .bttdAccessAuthModal .bttdBwpAuth .subscriptionLine span,
  .bttdAccessAuthModal .bttdBwpAuth .subscriptionLine strong,
  .bttdAccessAuthModal .bttdBwpAuth .subscriptionLine em,
  .bttdAccessAuthModal .bttdBwpAuth .subscriptionLine small{
    min-width:0!important;max-width:100%!important;height:auto!important;
    max-height:none!important;white-space:normal!important;overflow:visible!important;
    text-overflow:clip!important;overflow-wrap:anywhere!important;
  }
  .bttdAccessAuthModal .bttdBwpAuth .loginBox .authTabs{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    width:100%!important;min-width:0!important;height:auto!important;min-height:48px!important;
    margin-left:0!important;margin-right:0!important;
  }
  .bttdAccessAuthModal .bttdBwpAuth .loginBox .authTabs button{white-space:nowrap!important;min-width:0!important}
  .bttdAccessAuthModal .bttdBwpAuth .loginBox .subscriptionLine>span{display:flex!important;flex-wrap:wrap!important;gap:10px!important;justify-content:center!important}
  .bttdAccessAuthModal .bttdBwpAuth .loginBox .subscriptionLine>span>strong{flex:1 1 100%!important;text-align:center!important}
  .bttdAccessAuthModal>.loginShell.bttdBwpAuth>.loginPanel>.panelAwsSecurity,
  .bttdAccessAuthModal>.loginShell.bttdBwpAuth>.loginPanel>.siteLegalFooter{
    flex:0 0 auto!important;position:relative!important;inset:auto!important;
    width:100%!important;max-width:100%!important;min-width:0!important;
    height:auto!important;max-height:none!important;transform:none!important;
    overflow:visible!important;zoom:1!important;
  }
  .bttdAccessAuthModal>.loginShell.bttdBwpAuth>.loginPanel>.siteLegalFooter nav{flex-wrap:wrap!important;max-width:100%!important;min-width:0!important;height:auto!important;overflow:visible!important}
}