@media(max-width:600px){
  .as-account-page{width:100%;padding:18px 12px 32px!important;overflow-x:hidden}
  .as-account-login,.as-account-dashboard{width:100%}
  .as-account-login__header,.as-account-dashboard__welcome{margin-bottom:16px;padding:20px 18px;border-radius:14px}
  .as-account-login h1,.as-account-dashboard h1{font-size:25px;overflow-wrap:anywhere}
  .as-account-login__header p,.as-account-dashboard__welcome p{font-size:15px;line-height:1.5}
  .as-account-login__choices,.as-account-grid{gap:14px}
  .as-account-login__choice--existing{order:1}
  .as-account-login__choice:not(.as-account-login__choice--existing){order:2}
  .as-account-login__choice{min-height:0;padding:20px 18px;border-radius:14px}
  .as-account-login__choice h2{font-size:20px}
  .as-account-login input[type=email],.as-account-login input[type=password]{min-height:48px;font-size:16px}
  .as-account-login button,.as-account-logout button{width:100%;min-height:48px}
  .as-account-login__forgot{display:flex;min-height:44px;align-items:center;justify-content:center;margin:14px auto 0;text-align:center}
  .as-account-login--guest{padding:20px 18px}
  .as-account-login__guest-copy{align-items:flex-start;gap:12px}
  .as-account-card{grid-template-columns:44px minmax(0,1fr) 16px;gap:12px;min-height:0;padding:16px 14px}
  .as-account-card__icon{width:48px;height:48px;line-height:1}
  .as-account-card__icon svg{width:25px;height:25px}
  .as-account-card__copy strong{font-size:16px}
  .as-account-card__copy span{font-size:13px;overflow-wrap:anywhere}
  .as-account-card__title{align-items:flex-start;flex-direction:column;gap:5px}
  .as-account-card__arrow{font-size:26px}
  .as-account-dashboard__trust{white-space:normal}
  .as-account-dashboard__footer{gap:16px;margin-top:16px;padding:18px}
  .as-account-notice{padding:13px 14px;overflow-wrap:anywhere}
}

/* The dedicated mobile templates stay mobile even if a browser requests a
   wide/desktop viewport. */
.as-mobile-login--mobile-template .as-account-login__choices{grid-template-columns:1fr;gap:14px}
.as-mobile-login--mobile-template .as-account-login__choice--existing{order:1}
.as-mobile-login--mobile-template .as-account-login__choice:not(.as-account-login__choice--existing){order:2}
.as-mobile-login--mobile-template .as-account-login__choice{min-height:0;padding:20px 18px;border-radius:14px}
.as-mobile-login--mobile-template .as-account-login input[type=email],.as-mobile-login--mobile-template .as-account-login input[type=password],.as-mobile-login--mobile-template .as-account-login input[type=text]{width:100%!important;max-width:100%!important;min-height:48px;font-size:16px}
.as-mobile-login--mobile-template .as-mobile-password input{padding-right:3.25rem!important}
.as-mobile-login--mobile-template .as-mobile-password__toggle{position:absolute!important;right:.25rem!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important;display:inline-flex!important;width:2.6rem!important;min-width:2.6rem!important;height:2.6rem!important;min-height:2.6rem!important;margin:0!important;padding:0!important;align-items:center;justify-content:center;border:0!important;border-radius:8px;background:transparent!important;color:#174d65!important;cursor:pointer}
.as-mobile-login--mobile-template .as-mobile-password__toggle svg{width:1.55rem;height:1.55rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}

@media(max-width:600px){
  .as-account-login input[type=email],.as-account-login input[type=password],.as-account-login input[type=text]{width:100%!important;max-width:100%!important}
  .as-mobile-password input{padding-right:3.25rem!important}
  .as-mobile-password__toggle{position:absolute!important;right:.25rem!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important;display:inline-flex!important;width:2.6rem!important;min-width:2.6rem!important;height:2.6rem!important;min-height:2.6rem!important;margin:0!important;padding:0!important;align-items:center;justify-content:center;border:0!important;border-radius:8px;background:transparent!important;color:#174d65!important;cursor:pointer}
  .as-mobile-password__toggle:focus-visible{outline:3px solid rgba(8,127,164,.25);outline-offset:1px}
  .as-mobile-password__toggle svg{width:1.55rem;height:1.55rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
}
