/* Optional account controls follow the existing header palette and type scale. */
.header-actions{display:flex;align-items:center;gap:8px;margin-left:16px;}
.account-trigger{
  max-width:180px;min-height:32px;padding:7px 12px;border:1px solid var(--ink);
  border-radius:20px;background:transparent;color:var(--ink);cursor:pointer;
  font:12px 'Inter','Inter Fallback',sans-serif;letter-spacing:.05em;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.account-trigger:hover{border-color:var(--oxblood);color:var(--oxblood);}
.account-dialog{
  width:min(420px,calc(100vw - 32px));max-height:calc(100dvh - 32px);
  padding:26px;border:1px solid var(--line);border-radius:3px;
  background:var(--vellum-card);color:var(--ink);box-shadow:var(--shadow);
  overflow:auto;
}
.account-dialog::backdrop{background:rgba(27,42,68,.55);}
.account-dialog [hidden]{display:none!important;}
.account-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;}
.account-heading h2{margin:0;font:600 28px 'Cormorant Garamond','Cormorant Garamond Fallback',serif;}
.account-close{border:0;background:none;color:var(--ink-soft);font-size:24px;cursor:pointer;min-width:36px;min-height:36px;}
.account-dialog p{line-height:1.5;}
.account-form{display:grid;gap:10px;}
.account-form label{font:12px 'Inter','Inter Fallback',sans-serif;letter-spacing:.04em;}
.account-form input{
  width:100%;min-height:42px;padding:9px 11px;border:1px solid var(--line);
  border-radius:2px;background:#fff9ea;color:var(--ink);font:15px 'Inter','Inter Fallback',sans-serif;
}
.account-form input[aria-invalid="true"]{border-color:var(--oxblood);}
.account-visibility{display:flex;align-items:center;gap:8px;min-height:24px;}
.account-form .account-visibility input{width:16px;min-height:16px;margin:0;padding:0;accent-color:var(--ink);}
.account-visibility label{cursor:pointer;}
.account-form .account-visibility input:focus-visible{outline:2px solid var(--oxblood);outline-offset:2px;}
.account-submit{
  min-height:42px;margin-top:10px;padding:9px 16px;border:0;border-radius:2px;
  background:var(--ink);color:var(--vellum-card);cursor:pointer;
  font:13px 'Inter','Inter Fallback',sans-serif;
}
.account-submit:hover:not(:disabled){background:var(--oxblood);}
.account-submit:disabled{opacity:.6;cursor:wait;}
.account-switch{
  width:max-content;min-height:36px;padding:6px 0;border:0;background:none;
  color:var(--oxblood);cursor:pointer;text-decoration:underline;
  font:13px 'Inter','Inter Fallback',sans-serif;
}
.account-error{margin:14px 0 0;color:var(--oxblood);font:13px/1.5 'Inter','Inter Fallback',sans-serif;}
#accountConfirmation h3,#accountResetSent h3{margin:0;font:600 22px 'Cormorant Garamond','Cormorant Garamond Fallback',serif;}
@media (max-width:430px){
  nav{flex-wrap:wrap;}
  .header-actions{width:100%;justify-content:flex-end;margin:2px 0 0;}
}

/* The callback is a small stand-alone account page. */
.auth-callback{min-height:100dvh;display:grid;place-items:center;padding:24px;}
.callback-card{
  width:min(440px,100%);padding:32px;border:1px solid var(--line);
  border-radius:3px;background:var(--vellum-card);box-shadow:var(--shadow);
}
.callback-card [hidden]{display:none!important;}
.callback-brand{margin:0 0 20px;font:600 21px 'Cormorant Garamond','Cormorant Garamond Fallback',serif;color:var(--ink);}
.callback-card h1{margin:0 0 20px;font:600 30px 'Cormorant Garamond','Cormorant Garamond Fallback',serif;}
.callback-card h2{margin:0 0 10px;font:600 23px 'Cormorant Garamond','Cormorant Garamond Fallback',serif;}
.callback-card p{line-height:1.5;}
.callback-card .account-form{margin-top:12px;}
.callback-continue{
  display:inline-flex;align-items:center;min-height:42px;margin-top:20px;
  color:var(--oxblood);font:13px 'Inter','Inter Fallback',sans-serif;text-decoration:underline;
}
@media (max-width:430px){.callback-card{padding:24px;}}