form {
  gap: 18px;
}

.form-heading {
  gap: 10px;
}

.form-heading p {
  margin: 0;
  color: var(--muted);
  font-size: 0.95rem;
  line-height: 1.5;
}

.two-column {
  gap: 18px;
}

input,
select {
  min-height: 42px;
}

textarea {
  min-height: 100px;
}

button {
  min-height: 42px;
}

[aria-invalid="true"] {
  border-color: var(--danger);
}

@media (max-width: 760px) {
  form,
  .two-column {
    gap: 14px;
  }
}