/* Public contact form (/contact). Reuses the shared card/form/button
 * primitives; this file only frames the section and centres the card. */

.contact-section {
  padding-block: 3rem;
  background: var(--stone);
}

@media (min-width: 48rem) {
  .contact-section {
    padding-block: 3.5rem;
  }
}

.contact-section .container > .contact-card {
  max-width: 44rem;
  margin-inline: auto;
}

.contact-form {
  display: grid;
  gap: 1.25rem;
}

.contact-form-actions {
  margin-block-start: .5rem;
}