/* The email form (sign-in page and report page) and its honeypot. */

.email-form label {
  display: block;
  margin-block-end: var(--space-xs);
}

.email-form-row {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-s);
}

.email-form input[type="email"] {
  flex: 1 1 16rem;
  padding: var(--space-s);
  border: var(--border-width) solid var(--color-border);
  border-radius: var(--radius);
  background: var(--color-background);
  color: var(--color-text);
}

.email-form input[type="submit"] {
  padding: var(--space-s) var(--space-l);
  border: none;
  border-radius: var(--radius);
  background: var(--color-accent);
  color: var(--color-background);
  cursor: pointer;
}

/* Hidden from people; bots fill it in. */
.email-form .honeypot,
.feedback-form .honeypot {
  position: absolute;
  inset-inline-start: -100vw;
  width: 1rem;
  height: 1rem;
  overflow: hidden;
}

.error {
  color: var(--color-live);
}

.subscribe {
  margin-block-start: var(--space-xl);
  padding-block-start: var(--space-l);
  border-top: var(--border-width) solid var(--color-border);
}