@layer ds_utilities {
  .util-html {
    > * + * {
      margin-block-start: var(--ds-utility-html-block-break-md);
    }

    h2 {
      * + & {
        margin-block-start: var(--ds-utility-html-block-break-lg);
      }
    }

    > :where(h2, h3, h4, h5, h6) {
      margin-block-start: var(--ds-utility-html-block-break-lg);
    }

    > :is(h4, h5, h6) {
      margin-block-end: calc(var(--ds-utility-html-block-break-sm) * -1);
    }

    li + li {
      margin-block-start: var(--ds-utility-html-block-break-xs);
    }

    li::marker {
      color: var(--ds-utility-html-color-marker);
    }
  }
}