/* The same access controls serve sign-in, registration and member verification. */
.auth-card .password-field input#password{padding-right:72px}

@media(max-width:800px){
  .public .public-header{height:auto;min-height:80px;padding-block:12px;gap:6px 16px}
  .public .public-header .brand{min-height:44px}
  .public .public-header nav{font-size:12px;gap:4px 12px;flex-wrap:wrap}
  .public .public-header nav>a{display:inline-flex;align-items:center;min-height:44px}
  .auth-layout{padding-block:12px 32px}
  .auth-card{min-width:0;max-width:460px;justify-self:center;padding:26px 22px}
  .auth-card input#username,.auth-card input#password{font-size:16px;min-height:48px}
  .auth-card label{font-size:13px}
  .auth-card>.muted{font-size:14px;line-height:1.8}
  .auth-card .form-help{font-size:13px;line-height:1.8;overflow-wrap:anywhere}
  .auth-card .form-error{font-size:14px;line-height:1.75;overflow-wrap:anywhere}
  .auth-card .button{font-size:14px;min-height:48px;gap:12px;white-space:normal;overflow-wrap:anywhere}
  .auth-card .password-field button{min-height:44px;min-width:60px;right:4px;font-size:12px}
  .auth-card .auth-switch{font-size:13px;line-height:1.8}
  .auth-card .auth-switch a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px}
  .error-copy>p{font-size:15px;line-height:1.85;overflow-wrap:anywhere}
  .error-actions .button{min-height:48px;font-size:14px;white-space:normal;gap:10px}
}