/* The contact form (public/contact.html), on top of privacy.css's page styles. */
form { display: grid; gap: 14px; margin: 18px 0 28px; }
fieldset { border: 0; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 8px 14px; }
legend { font-weight: 600; margin-bottom: 6px; }
.field { display: grid; gap: 6px; font-weight: 600; }
textarea, input[type="email"] { font: inherit; padding: 10px 12px; border: 1px solid #c9bd9f; border-radius: 10px; background: #fff; color: inherit; }
.check { display: flex; gap: 8px; align-items: center; }
button[type="submit"] { justify-self: start; font: inherit; font-weight: 700; padding: 10px 22px; border: 0; border-radius: 999px;
  background: #2f6b4a; color: #fff; cursor: pointer; }
button[type="submit"]:disabled { opacity: 0.6; cursor: default; }
.error { color: #b3261e; margin: 0; }
.small { font-size: 0.9rem; opacity: 0.8; margin: 0; }
@media (prefers-color-scheme: dark) {
  textarea, input[type="email"] { background: #1d2a23; border-color: #4a5a4f; }
}