
.pageContent {
    padding-inline: var(--section-inline-start) var(--section-inline-end);
    > .sectionLayout__content > .rte {

        max-width: var(--narrow);
        margin-inline: auto;
        --h2: 2rem;
        --h3: 1.5rem;
        --h4: 1.25rem;
        h3, h4, h5, p, ul, ol, li {
            &:not(:last-child) {
                margin-bottom: 1rem;
            }
        }
        h2{
            display: block;
            margin-bottom: var(--pad-b4);
        }
        h3, h4, h5 {
            display: inline;
            + ul,
            + ol{
                margin-top: 1rem;
            }
        }
        h2 {
            font-size: var(--h2);
        }
        h3 {
            font-size: var(--h3);
        }
        h4 {
            font-size: var(--h4);
        }

        > ol,
        > ul{
            &:has(+ h3),
            &:has(+ h4),
            &:has(+ h5){
                &:not(:last-child){
                    margin-block-end: var(--pad-b4);

                }
            }
        }

        @media screen and (max-width: 1024px) {
            table, tbody, tr {
                display: block;
                width: 100%;
            }
            table td {
                display: block;

                min-width: 100%;
                border: 0;
            }
            table td:first-child {
                font-weight: var(--bold);
                -webkit-text-stroke: var(--sans-fatten) currentColor;
                paint-order: stroke fill;
                padding-bottom: 0.25em;
            }
            table td:last-child {
                padding-top: 0;
            }
            table tr + tr {
                border-top: 0.1rem solid rgba(var(--color-foreground), 0.2);
            }
        }
        ol {

            li {
                &:has(h2:first-child) {
                    &::marker {
                        font-size: var(--h2);
                    }
                }
                &:has(h3:first-child) {
                    &::marker {
                        font-size: var(--h3);
                    }
                }
                &:has(h4:first-child) {
                    &::marker {
                        font-size: var(--h4);
                    }
                }
            }
            + p {
                margin-top: var(--pad-b4);
            }
        }
    }
    > .sectionLayout__content > .policyEmpty {
        max-width: var(--inner);
        margin-inline: auto;
        opacity: .5;
    }
}

.pageContent.isLegacy > .sectionLayout__content > .rte {
    font-size: var(--legacy-fs);
    line-height: var(--lh175);
    --h2: 2.2em;
    --h3: 1.8em;
    --h4: 1.6em;
    --h5: 1.3em;
    --h6: 1.1em;
    background: rgb(var(--theme-body));
    padding: 1em 2em 2em;
    border-radius: var(--common-radius);

    h2, h3, h4, h5, h6 {
        display: block;
        margin-block: var(--pad-b3) 0.67em;
        line-height: 1.25;
    }
    h5 {
        font-size: var(--h5);
    }
    h6 {
        font-size: var(--h6);
    }
    p, ul, ol {
        &:not(:last-child) {
            margin-block: 1em;
        }
    }

    @media screen and (max-width: 1024px) {
        --h2: 1.85em;
        --h3: 1.85em;
        --h4: 1.45em;
        --h5: 1.2em;
        --h6: 1.05em;
    }
}
