@layer customer {
  article.document {
    line-height: var(--font-lineheight-2);
    margin: 0 auto;
    max-width: var(--size-content-3);
    text-align: justify;
  }

  .document h1, h1.document {
    font-size: var(--font-size-5);
    margin-bottom: var(--size-4);
  }

  .document h2, h2.document {
    font-size: var(--font-size-4);
    margin-bottom: var(--size-2);
    scroll-margin-top: calc(2 * var(--size-2) + var(--logo-size) + var(--font-size-1));
  }

  .document h3, h3.document {
    font-size: var(--font-size-3);
    margin-bottom: var(--size-1);
    scroll-margin-top: calc(2 * var(--size-2) + var(--logo-size) + var(--font-size-1));
  }

  .document h4, h4.document {
    margin: var(--size-4) 0;
    text-transform: uppercase;
    scroll-margin-top: calc(2 * var(--size-2) + var(--logo-size) + var(--font-size-1));
  }

  .document p, p.document {
    margin: var(--size-4) 0;
  }

  .document dt, dt.document {
    margin-top: var(--size-2);
    font-weight: var(--font-weight-6);
  }

  .document ol, ol.document {
    margin-left: var(--size-4);

    & ol > li {
      list-style-type: lower-alpha;
    }

    & > li {
      list-style-type: decimal;
    }
  }

  .document ul, ul.document, .document ol, ol.document, .document dl, dl.document {
    margin-left: var(--size-4);
    margin-bottom: var(--size-4);
    margin-top: var(--size-4);
  }

  .document ul, ul.document {
    & > li {
      list-style-type: circle;
    }
  }
}