@import "@/styles/variables";
@import "@/styles/mixins";

.lawContent {
  color: $black;
  padding: $hl-4 0 2.25rem 0;

  :global(.common-center-container) {
    * {
      margin: 0;
    }

    h2:not(:first-child) {
      margin-top: $hl-6;
    }

    h2+p {
      margin-top: $hl-8;
    }

    p,
    ul {
      color: rgba($black, 80%);
    }

    img {
      //width: 6.25rem;
      margin-top: $hl-8;
    }

    ol {
      padding-inline-start: 1.25rem;
      color: rgba($black, 80%);
      margin-top: $hl-8;

      & > li:not(:last-child) {
        margin-bottom: $hl-9;
      }

      li p:not(:last-child) {
        margin-bottom: $hl-10;
      }

      li p:nth-child(n + 5) {
        margin-bottom: 0;
      }

      ul {
        margin-top: $hl-9;
      }
    }
  }
}