.footer__newsletter > p {
  font-size: var(--fs-200);
  color: var(--c-text-3);
  line-height: var(--lh-loose);
  margin: 0 0 var(--sp-4);
  max-width: 36ch;
}

.newsletter {
  display: flex;
  flex-direction: column;
  gap: var(--sp-3);
}

.newsletter > [data-step] {
  border: 0;
  padding: 0;
  margin: 0;
  min-inline-size: 0;
  display: none;
  flex-direction: column;
  gap: var(--sp-3);
}

.newsletter[data-active-step="email"] > [data-step="email"],
.newsletter[data-active-step="name"]  > [data-step="name"],
.newsletter[data-active-step="done"]  > [data-step="done"] {
  display: flex;
}

.newsletter [data-step="done"] {
  color: var(--c-text-2);
  font-size: var(--fs-300);
  line-height: var(--lh-loose);
}
.newsletter [data-step="done"] p { margin: 0; }
.newsletter [data-step="done"] [data-newsletter-name] {
  color: var(--c-focus);
  font-weight: 500;
}

.newsletter__context {
  font-size: var(--fs-100);
  color: var(--c-muted);
  margin: 0;
}
.newsletter__context [data-newsletter-email] {
  color: var(--c-accent);
  font-weight: 500;
}

.newsletter__msg {
  font-size: var(--fs-100);
  color: var(--c-muted);
  min-height: 1.2em;
  margin: 0;
  letter-spacing: 0.005em;
}
.newsletter__msg[data-kind="error"] { color: var(--c-error); }
.newsletter__msg[data-kind="info"]  { color: var(--c-text-3); }
.newsletter__msg[data-kind="ok"]    { color: var(--c-focus); }

.newsletter__submit {
  align-self: flex-start;
  margin-top: var(--sp-2);
}