dialog.practise-fields {
  width: fit-content;
  max-width: 66rem;

  .practise-field-list {
    font-size: 0.875rem;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-areas:
      "civil business admin family"
      "civil business admin criminal"
      "civil business admin other";
    gap: 1rem;
    align-items: start;

    .civil {
      grid-area: civil;
      /* grid-row: 1 / 4; */
    }

    .business {
      grid-area: business;
      /* grid-row: 1 / 4; */
    }

    .administration {
      grid-area: admin;
      /* grid-row: 1 / 4; */
    }

    .family {
      grid-area: family;
      /* grid-row: 1 / 2; */
    }

    .criminal {
      grid-area: criminal;
      /* grid-row: 2 / 3; */
    }

    .other {
      grid-area: other;
      /* grid-row: 3 / 4; */
    }

    h4 {
      margin-block-end: 0.5rem;
    }

    .subcategory {
      margin-bottom: 1rem;
    }

    .practise-field {
      display: block;
      padding-inline-start: 1.25rem;
      text-indent: -1.25rem;
    }
  }

}