/**
 * Generic form
 */

@media screen {

  @supports (display: grid) {

    .form-general {
      display: grid;
      grid-gap: 1rem;
    }

    .form-general .form-item + .form-item {
      margin-top: 0;
    }

    @media (min-width: 32em) {

      .form-general {
        grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
      }
    }

    /* Reset margins due to grid-gap */
    .form-general > * {
      margin-top: 0;
    }

    .form-general > .submit-area {
      grid-column: 1 / -1;
    }
  }
}