/* Account e-mail actions reuse the existing Torulli account surfaces. */
.auth-email-page .auth-card {
  min-width: 0;
}
.auth-email-page .auth-card > p:not(.kicker) {
  font-size: var(--fs-copy);
}
.auth-email-page .auth-card h1 {
  font-size: clamp(48px, 7vw, 82px);
}
.auth-email-page .auth-card form {
  min-width: 0;
}
.auth-email-page .auth-card :is(input, button) {
  min-width: 0;
  max-width: 100%;
}
.auth-email-page .auth-card input {
  font-size: var(--fs-body);
  text-transform: none;
  letter-spacing: normal;
}
.auth-email-page .auth-card input[aria-invalid="true"] {
  border-color: var(--c-err);
}
.auth-email-page .auth-card label small {
  line-height: 1.7;
}
.auth-email-page .auth-card .auth-email-field-error {
  color: var(--c-err);
}
.auth-email-page .auth-card .button {
  white-space: normal;
  line-height: 1.5;
  padding-top: 14px;
  padding-bottom: 14px;
}
.auth-email-page .button:disabled {
  color: var(--c-text-inv-3);
  background: var(--c-ink-700);
  border: 1px solid var(--c-line-dark);
  cursor: not-allowed;
}
.auth-email-page .button:disabled:hover {
  transform: none;
}
:is(.auth-email-page, .profile-page) .notice.auth-email-info {
  background: var(--c-ink-700);
  color: var(--c-text-inv-2);
  border-left: 3px solid var(--c-copper);
}
.auth-email-errors ul {
  margin: 8px 0 0;
  padding-left: 20px;
}
.auth-email-page .notice {
  line-height: 1.7;
}
.auth-email-errors a {
  color: var(--c-text-inv);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.auth-email-links,
.auth-email-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 24px;
  font-size: var(--fs-small);
  line-height: 1.7;
}
.auth-email-links a,
.auth-email-actions a {
  color: var(--c-copper);
  text-decoration: underline;
  text-underline-offset: 4px;
}
.auth-email-links a:hover,
.auth-email-actions a:hover {
  color: var(--c-copper-hi);
}
.auth-email-panel {
  min-width: 0;
  margin: 32px 0;
  padding: 24px;
  border: 1px solid var(--c-line-dark);
  background: var(--c-ink-700);
}
.auth-email-panel h2 {
  margin: 0 0 10px;
  font-family: var(--font-sans);
  font-size: var(--fs-small);
  line-height: 1.5;
  letter-spacing: var(--ls-label);
  text-transform: uppercase;
}
.auth-email-panel p {
  color: var(--c-text-inv-2);
  font-size: var(--fs-small);
  line-height: 1.7;
}
.auth-email-panel .auth-email-address {
  margin: 0 0 12px;
  color: var(--c-text-inv);
  font-size: var(--fs-body);
  overflow-wrap: anywhere;
}
.auth-email-panel .auth-email-state {
  color: var(--c-copper);
  font-weight: 700;
}
.auth-email-panel .auth-email-state.is-verified {
  color: var(--c-ok);
}
.auth-email-actions {
  margin-top: 18px;
}
@media (max-width: 560px) {
  .auth-email-page {
    padding-top: 80px;
  }
  .auth-email-panel {
    padding: 20px;
  }
}