/* Person 1 owns form styling for contact and quote pages. */
.form-layout {
  display: grid;
  gap: 1rem;
  max-width: 760px;
}

.form-row {
  display: grid;
  gap: 0.5rem;
}

label {
  font-weight: 700;
}

input,
select,
textarea {
  border: 1px solid var(--color-border);
  border-radius: var(--radius);
  font: inherit;
  padding: 0.75rem;
  width: 100%;
}

textarea {
  min-height: 140px;
  resize: vertical;
}

.form-note,
.form-message {
  color: var(--color-muted);
  font-size: 0.95rem;
}

.form-message {
  min-height: 1.5rem;
}