/* Reference dimensions at desktop 100% zoom. All component lengths share this scale.
   560 design units -> 448 CSS pixels; 510 design units -> 408 CSS pixels.
   At 125% display density these render as the reference's 560px / 510px columns.
   Viewport widths, safe-area insets and browser zoom remain native. */
html{font-size:100%}
@media(min-width:561px){html{font-size:80%}}
/* Admin components are 20% larger; member page dimensions stay unchanged. */
html:has(body.admin-page){font-size:120%}
@media(min-width:561px){html:has(body.admin-page){font-size:96%}}
@media(max-width:560px){.admin-page .action-grid{grid-template-columns:minmax(0,1fr)}}
body.auth-page .site-shell{margin:0;border-radius:0;min-height:100dvh;overflow:visible}
body.auth-page .reference-auth-shell{min-height:100dvh;padding:3rem 0 2rem}
body.auth-page .reference-auth-form{gap:1.25rem}
body.auth-page .reference-auth-card .auth-tabs{margin-bottom:1.5rem}
body.auth-page .auth-login-options{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:1.5rem}
body.auth-page .auth-login-options .auth-remember{min-height:0;padding:0;font-size:.75rem;white-space:nowrap}
body.auth-page .auth-login-options .auth-help{align-self:auto;margin:0;font-size:.875rem;line-height:1.4;white-space:nowrap}
body.auth-page .auth-field input,body.auth-page .auth-field input::placeholder{font-size:1.125rem}
body.auth-page .reference-auth-submit{font-size:1.125rem}
@media(max-width:560px){
  body.auth-page .reference-auth-shell{padding:2rem 0}
  body.auth-page .reference-auth-form{gap:1rem}
  body.auth-page .auth-field input,body.auth-page .auth-field input::placeholder{font-size:1rem}
  body.auth-page .reference-auth-submit{font-size:1rem}
  body.auth-page .auth-login-options{flex-wrap:wrap;row-gap:.5rem}
  body.auth-page .auth-login-options .auth-help{margin-left:auto;font-size:.75rem}
}
body.auth-page .reference-auth-hero p{font-weight:400}
body.auth-page .reference-auth-card .auth-tabs a{font-size:.9375rem;line-height:1.333333;padding:.625rem .5rem}
body.auth-page .auth-login-options .auth-help{font-size:.9375rem}
@media(max-width:560px){body.auth-page .auth-login-options .auth-help{font-size:.75rem}}