/* Phone-only refinements; preserve the approved desktop access layout. */
@media(max-width:1100px){
  header.bttdLandingNav{
    display:grid!important;grid-template-columns:44px minmax(0,1fr) auto!important;
    grid-template-rows:auto auto!important;gap:4px 8px!important;
    height:auto!important;min-height:0!important;padding:7px 10px!important;
    top:max(8px,env(safe-area-inset-top))!important;border-radius:24px!important;
  }
  header.bttdLandingNav>.bttdLandingBrand{grid-row:1!important;grid-column:1!important;min-width:0!important}
  header.bttdLandingNav .bttdLandingBrandName{display:none!important}
  header.bttdLandingNav>.bttdLandingSignin{display:block!important;grid-row:1!important;grid-column:2!important;justify-self:end!important}
  header.bttdLandingNav>.bttdLandingJoin{grid-row:1!important;grid-column:3!important;margin:0!important}
  header.bttdLandingNav>button{min-height:44px!important;white-space:nowrap!important;padding:8px 12px!important}
  header.bttdLandingNav>nav[aria-label="Public website navigation"]{
    display:flex!important;grid-row:2!important;grid-column:1/-1!important;
    position:static!important;inset:auto!important;transform:none!important;
    width:100%!important;min-width:0!important;height:auto!important;
    overflow-x:auto!important;overflow-y:hidden!important;flex-wrap:nowrap!important;
    justify-content:flex-start!important;gap:2px!important;margin:0!important;
    scrollbar-width:thin!important;-webkit-overflow-scrolling:touch;
  }
  header.bttdLandingNav>nav[aria-label="Public website navigation"]>a{
    display:flex!important;align-items:center!important;justify-content:center!important;
    flex:0 0 auto!important;min-height:44px!important;padding:8px 10px!important;
    font-size:12px!important;white-space:nowrap!important;
  }
  .bttdBwpLanding .bttdLandingHero{padding-top:calc(145px + env(safe-area-inset-top))!important}
  .bttdAccessAuthModal.open{
    z-index:10000!important;inset:auto 0 auto 0!important;
    top:var(--bttd-visible-top,0px)!important;
    height:var(--bttd-visible-height,100dvh)!important;
    padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))!important;
    touch-action:pan-y pinch-zoom;
  }
  .bttdAccessAuthModal>.loginShell.bttdBwpAuth{
    height:100%!important;max-height:100%!important;min-height:0!important;
    border-radius:20px!important;
  }
  .bttdAccessAuthModal>.loginShell.bttdBwpAuth>.loginPanel{min-width:0!important}
  .bttdAccessAuthModal .bttdBwpAuth>.bttdAuthClose{width:44px!important;height:44px!important;top:8px!important;right:8px!important}
  .bttdAccessAuthModal .bttdBwpAuth .loginBox .authTabs{padding-right:44px!important;box-sizing:border-box!important}
  .bttdAccessAuthModal .bttdBwpAuth .loginBox .authTabs button,
  .bttdAccessAuthModal .bttdBwpAuth .loginBox .employerEntryButton,
  .bttdAccessAuthModal .bttdBwpAuth .loginBox .loginButton,
  .bttdAccessAuthModal .bttdBwpAuth .loginBox .textButton{min-height:44px!important;height:auto!important}
  .bttdAccessAuthModal .bttdBwpAuth .loginBox input:not([type=checkbox]){font-size:16px!important;min-width:0!important;width:100%!important;box-sizing:border-box!important}
  .bttdAccessAuthModal .bttdBwpAuth .loginBox .termsCheck{min-height:44px!important}
  .bttdAccessAuthModal .bttdBwpAuth .loginBox .subscriptionLine>span{flex-wrap:wrap!important;white-space:normal!important;justify-content:center!important}
  .bttdAccessAuthModal .bttdBwpAuth .loginBox .subscriptionLine strong{white-space:normal!important;font-size:18px!important}
  .bttdAccessAuthModal .bttdBwpAuth .loginBox .subscriptionLine em,
  .bttdAccessAuthModal .bttdBwpAuth .loginBox .subscriptionLine small{white-space:normal!important;overflow-wrap:anywhere!important}
  .bttdAccessAuthModal>.loginShell.bttdBwpAuth>.loginPanel>.siteLegalFooter{min-height:0!important;padding:8px!important}
  .bttdAccessAuthModal>.loginShell.bttdBwpAuth>.loginPanel>.siteLegalFooter nav button,
  .bttdAccessAuthModal>.loginShell.bttdBwpAuth>.loginPanel>.siteLegalFooter nav a{font-size:11px!important;min-height:44px!important;padding:5px!important;display:flex!important;align-items:center!important;box-sizing:border-box!important}
  .bttdAccessAuthModal[data-compact-viewport="true"]>.loginShell.bttdBwpAuth>.loginBrand{display:none!important}
}
@media(max-width:390px){
  .bttdAccessAuthModal .bttdBwpAuth .loginBox.signupMode form,
  .bttdAccessAuthModal .bttdBwpAuth .loginBox.signupMode .signupPasswords{grid-template-columns:minmax(0,1fr)!important}
  .bttdAccessAuthModal .bttdBwpAuth .loginBox.signupMode form>*{grid-column:1!important}
}
@media(max-width:1100px) and (max-height:500px){
  .bttdAccessAuthModal>.loginShell.bttdBwpAuth>.loginBrand{display:none!important}
}