/* The feedback form, the terms page and the consent checkbox on the confirmation page. */

.feedback-form {
  max-width: var(--narrow-width);
}

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

.feedback-form textarea,
.feedback-form input[type="email"] {
  box-sizing: border-box;
  width: 100%;
  padding: var(--space-s);
  border: var(--border-width) solid var(--color-border);
  border-radius: var(--radius);
  background: var(--color-background);
  color: var(--color-text);
  font: inherit;
}

.feedback-form .hint {
  color: var(--color-text-muted);
  font-size: var(--font-size-small);
}

.terms {
  max-width: var(--prose-width);
}

.terms .updated {
  color: var(--color-text-muted);
  font-size: var(--font-size-small);
}

.terms h2 {
  font-size: var(--font-size-large);
}

.consent input[type="submit"]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}