.sc {
  scroll-margin-top: var(--space-4);
}

.sc-p {
  margin: 0 0 var(--space-4);
}

/* A long address breaks at any character rather than pushing the line. */
.sc-email {
  overflow-wrap: anywhere;
}

.sc-alt {
  margin: 0 0 var(--space-2);
  font-size: 0.9375rem;
  color: var(--ink-soft);
}

.sc-form {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  max-width: var(--form-width);
  margin: 0 0 var(--space-4);
}

.sc-input {
  width: 100%;
  font-family: var(--font-mono);
  font-size: 1.25rem;
  letter-spacing: 0.2em;
  text-align: center;
}

.sc-form .button {
  width: 100%;
  justify-content: center;
}

.sc-error {
  margin: 0 0 var(--space-4);
  font-size: 0.9375rem;
  color: var(--danger, #b42318);
}

button.sc-resend {
  padding: 0;
  border: 0;
  background: none;
  font: inherit;
  color: var(--accent-deep);
  cursor: pointer;
}

button.sc-resend:disabled {
  color: var(--ink-soft);
  cursor: default;
}