/* Clear, separate account-access screens. */
.dialog-card:has(#loginForm),
.dialog-card:has(#registerForm) {
  width: min(500px, 100%);
}

.auth-intro {
  text-align: center;
  margin: 0 0 10px;
}

.auth-intro h2 {
  margin: 0;
  font: 2rem/1.15 Georgia, serif;
  color: var(--navy);
}

.auth-intro p {
  margin: 8px 0 2px;
  color: var(--muted);
  font-size: .92rem;
}

.auth-logo {
  display: block;
  width: 82px;
  height: 82px;
  margin: 0 auto 12px;
  object-fit: contain;
}

.auth-switch {
  margin: 2px 0 0;
  text-align: center;
  color: var(--muted);
  font-size: .9rem;
}

.auth-switch button {
  padding: 0;
  border: 0;
  background: transparent;
  color: #a46612;
  font: inherit;
  font-weight: 800;
  text-decoration: underline;
  cursor: pointer;
}

#forgotBtn {
  justify-self: start;
}

@media (max-width: 760px) {
  .auth-logo { width: 70px; height: 70px; }
  .auth-intro h2 { font-size: 1.75rem; }
}