/* Account access: compact on phones, with the form before decorative content. */
#auth.auth-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-width:0}
#auth .auth-story,#auth .auth-form-side,#auth .auth-form-wrap,#auth .brand{min-width:0;max-width:100%}
#auth .auth-story .brand{width:100%;flex-shrink:1}
#auth .auth-story .brand .brand-logo{display:block;width:100%;max-width:360px;height:auto;aspect-ratio:20/3;object-fit:contain;border-radius:0;flex-shrink:1}
#auth .auth-form-wrap{width:min(400px,100%)}
#auth .auth-tabs{gap:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
#auth .auth-tabs button{min-width:0;min-height:46px;padding:11px 8px;font-size:13px;line-height:1.5;text-align:center;white-space:normal}
#auth .auth-switch{display:flex;justify-content:center;align-items:baseline;flex-wrap:wrap;gap:4px 7px;margin:20px 0 0;font-size:12px;line-height:1.7;color:var(--muted)}
#auth .auth-switch button{display:inline-block;padding:5px 2px;background:transparent;color:var(--green);font-size:inherit;font-weight:600;line-height:inherit;text-decoration:underline;text-underline-offset:4px}
#auth .password-wrap input{padding-right:56px}
#auth .password-wrap button{top:50%;right:4px;transform:translateY(-50%);width:44px;height:44px;min-height:44px}
#auth .password-wrap button svg{width:20px;height:20px}
#auth .demo-options{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
#auth .demo-options>button{min-width:0;min-height:44px;gap:8px}
#auth #auth-submit{min-height:50px}
@media(max-width:900px){
  #auth.auth-layout{display:flex;flex-direction:column;min-height:100svh;width:100%}
  #auth .auth-story{display:flex;flex:none;padding:20px 24px;min-height:0;width:100%;overflow:visible}
  #auth .auth-story .brand{width:min(320px,100%);margin-inline:auto}
  #auth .auth-story .brand .brand-logo{width:100%;max-width:320px;height:auto}
  #auth .auth-story-content,#auth .auth-story-footer,#auth .auth-art{display:none}
  #auth .auth-form-side{display:flex;flex:1;justify-content:flex-start;align-items:center;width:100%;min-height:0;padding:30px 24px 24px}
  #auth .auth-form-wrap{width:min(420px,100%);max-width:100%;margin:0}
  #auth .auth-form-wrap>.eyebrow{font-size:9px;letter-spacing:1.8px}
  #auth .auth-form-wrap h2{font-size:32px;line-height:1.3;letter-spacing:-.8px;margin:14px 0 12px;overflow-wrap:anywhere}
  #auth #auth-description{font-size:14px;line-height:1.8}
  #auth .auth-tabs{margin:23px 0 19px}
  #auth .auth-form-wrap label{font-size:13px;margin:16px 0 7px}
  #auth .auth-form-wrap input{width:100%;min-width:0;min-height:50px;padding:11px 13px;font-size:16px;line-height:1.6}
  #auth .password-wrap input{padding-right:56px}
  #auth .field-help{font-size:11px;line-height:1.7;margin-top:9px}
  #auth #auth-submit{width:100%;font-size:14px;padding:13px 18px;margin-top:22px}
  #auth .auth-switch{font-size:13px;margin-top:15px}
  #auth .auth-form-wrap .auth-assurance{font-size:10px;line-height:1.7;margin-top:14px;gap:7px}
  #auth .demo-options{margin-top:25px;padding-top:20px;gap:10px}
  #auth .demo-options>span{font-size:8px;letter-spacing:1.2px;line-height:1.8}
  #auth .demo-options>button{font-size:11px;padding:11px 12px}
  #auth .demo-options small{font-size:10px;line-height:1.7}
  #auth .auth-bottom{margin:26px 0 0;font-size:9px;text-align:center}
}
@media(max-width:360px){
  #auth .auth-story{padding:17px 20px}
  #auth .auth-form-side{padding:26px 20px 22px}
  #auth .auth-form-wrap h2{font-size:29px}
  #auth .auth-tabs button{font-size:12px}
  #auth .demo-options{grid-template-columns:minmax(0,1fr)}
  #auth .demo-options>span,#auth .demo-options small{grid-column:1}
}
@media(max-width:900px) and (max-height:520px){
  #auth .auth-story{padding-block:14px}
  #auth .auth-story .brand{max-width:270px}
  #auth .auth-form-side{padding-top:24px}
}