/* A focused guest entry point; member profile/settings keep their wider layout. */
#siteAccount.account-access { width:100%; max-width:430px; margin:clamp(2rem,6vh,4rem) auto 3rem; }
#siteAccount.account-access #accountPageHeader { display:block; margin:0 0 1.6rem; text-align:center; }
#siteAccount.account-access h1 { font-size:1.85rem; font-weight:750; letter-spacing:-.045em; }
#siteAccount.account-access #siteAccessPrompt { margin:.7rem 0 0; padding:0; border:0; background:none; color:var(--ink-soft); font-size:.85rem; line-height:1.5; }
#siteAccount.account-access .auth-card { margin:0; padding:1.65rem; border-radius:16px; box-shadow:var(--shadow); }
.auth-tabs { display:grid; grid-template-columns:1fr 1fr; gap:4px; padding:4px; border:1px solid var(--border); border-radius:11px; background:var(--panel-soft); }
#accountIdentity .auth-tabs button { margin:0; padding:.55rem; border:1px solid transparent; border-radius:7px; color:var(--ink-soft); background:transparent; font-size:.9rem; }
#accountIdentity .auth-tabs button[aria-pressed=true] { color:var(--ink); background:var(--field); border-color:var(--border); font-weight:750; }
.auth-card .account-form { margin:1.5rem 0 0; gap:1.15rem; width:100%; max-width:none; }
.auth-field { display:grid; gap:.45rem; min-width:0; }
.auth-field label { font-size:.82rem; color:var(--ink); font-weight:600; }
.auth-field small { color:var(--ink-soft); font-size:.72rem; line-height:1.5; }
.auth-input { position:relative; min-width:0; }
.auth-card .auth-input input { min-height:46px; border-radius:9px; padding:.65rem .8rem; font-size:1rem; }
.auth-card .auth-password-field input { padding-right:3rem; }
#accountIdentity .auth-password-toggle { display:flex; align-items:center; justify-content:center; position:absolute; right:4px; top:4px; bottom:4px; width:38px; min-width:0; padding:0; margin:0; border:0; border-radius:6px; color:var(--ink-soft); background:transparent; }
.auth-password-toggle svg { width:19px; height:19px; }
#accountIdentity .auth-password-toggle:hover,#accountIdentity .auth-password-toggle[aria-pressed=true] { background:var(--panel-soft); color:var(--ink); }
.auth-card .account-form .checkbox-row { align-items:center; font-size:.78rem; font-weight:400; gap:.6rem; }
.auth-card .account-form .checkbox-row input { margin:0; width:16px; height:16px; }
#accountIdentity .auth-card .account-form button[type=submit] { justify-self:stretch; width:100%; min-height:46px; margin:0; font-size:.93rem; }
.auth-card .account-form h3 { margin:0; font-size:1rem; }
#accountIdentity .auth-text-button { display:block; width:fit-content; margin:1.25rem auto 0; padding:.2rem .3rem; border:0; background:transparent; color:var(--ink-soft); font-size:.8rem; text-decoration:underline; text-underline-offset:3px; }
#accountIdentity .auth-text-button:hover { color:var(--accent); }
#siteAccount.account-access #accountDevelopment { margin:1.2rem 0 0; padding:0; border:0; }
#siteAccount.account-access #accountDevelopment>summary { width:fit-content; margin:0 auto; font-size:.72rem; font-weight:500; color:var(--ink-soft); }
#siteAccount.account-access #accountDevelopment[open]>summary { margin-bottom:1rem; }
#siteAccount.account-access #creditAccountStatus:empty { display:none; }
#siteAccount.account-access #creditAccountStatus:not(:empty) { margin:0 0 1rem; font-size:.8rem; border-radius:8px; }
body[data-page=account][data-auth=guest] #creditResumeBanner,body[data-page=account][data-auth=guest] #siteNotice { max-width:430px; margin-inline:auto; font-size:.82rem; }
@media(max-width:600px) {
  #siteAccount.account-access { margin-block:1.8rem 2.5rem; max-width:400px; }
  #siteAccount.account-access h1 { font-size:1.65rem; }
  #siteAccount.account-access .auth-card { padding:1.25rem; }
}