/* /lidmaatschap membership application form. Reuses the shared card/form/button
 * primitives; this file frames the section, centres the card, and lays out the
 * paired fields. All colours come from _tokens.css. */

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

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

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

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

.membership-application-row {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.25rem;
}

@media (min-width: 38rem) {
  .membership-application-row {
    grid-template-columns: 1fr 1fr;
  }

  /* Street wide, house number narrow. */
  .membership-application-row--address {
    grid-template-columns: 3fr 1fr;
  }
}

.membership-application-row .form-group {
  margin: 0;
}

.membership-application-actions {
  margin-block-start: .5rem;
}