/* ============================================
   Prose formats (rd-prose)
   ============================================
   
   Default styles for rich text content, including 
   headings, paragraphs, lists, and other elements. 
   These styles are applied to the rd-prose class, 
   which is used to style content generated from 
   rich text editors or markdown.
   
   */

.rd-prose h2:not(:first-child) {
    margin-top: var(--rd-spacing-lg);
}

.rd-prose ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

.rd-prose ul>li {
    position: relative;
    padding-left: 24px;
    margin-bottom: var(--rd-spacing-x-sm);
}

.rd-prose ul>li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 3px;
    width: 18px;
    height: 18px;
    mask-image: url("/src/img/2024/svg/icons/rd-icon-check.svg");
    -webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-check.svg");
    mask-size: contain;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    background-color: var(--rd-primary-active);
}

/* Nested lists fall back to disc bullets (no check mark). */
.rd-prose ul ul {
    list-style: disc;
    padding-left: var(--rd-spacing-x-big);
    margin-top: var(--rd-spacing-x-sm);
}

.rd-prose ul ul>li {
    padding-left: 0;
}

.rd-prose ul ul>li::before {
    content: none;
}