body .text-content {
    max-width: var(--text-content-width);
    text-wrap: pretty;
}

    body .text-content h1#h1 {
        margin-bottom: 20px;
    }

.text-content::after {
    line-height: var(--line-height);
    max-width: var(--text-content-width);
}

.text-content :is(p, ul, ol) {
    margin-block: var(--p-margin);

    &:first-child {
        margin-block-start: 0;
    }

    &:last-child {
        margin-block-end: 0;
    }
}

.text-content a {
    text-decoration: underline;
    font-weight: var(--bold);
}

/*.text-content :is(p, ul, ol):first-child {
    margin-top: 0;
}

.text-content :is(p, ul, ol):last-child {
    margin-bottom: 0;
}*/

.text-content p {
    font-size: inherit;
    color: var(--black);
    line-height: var(--line-height);
    text-wrap: pretty;
}

.text-content :is(ol, ul) li {
    font-size: inherit;
    color: var(--black);
}

    .text-content :is(ol, ul) li:not(:last-child) {
        margin-bottom: calc(var(--p-margin) / 2);
    }

.text-content ul {
    list-style: disc outside;
}

    .text-content ul ul {
        list-style: circle outside;
    }

    .text-content ul ul {
        list-style: square outside;
    }

    .text-content ol ul li,
    .text-content ul il li {
        margin-bottom: 0;
    }

body .text-content a {
    text-decoration: underline;
    font-weight: bold;
}

.text-content hr {
    color: #666;
    background-color: #666;
    height: 1px;
    border: none;
}

.text-content strong,
.text-content em {
    color: var(--black);
}

.text-content ul + h1,
.text-content p + h1 {
    margin-top: 1.3em;
}

details summary {
    cursor: pointer;
}

details.info-block.text-content > div {
    margin-top: 1em;
}

.mce-content-body.text-content ul {
    list-style-type: initial;
}

.mce-content-body.text-content :is(p, ul, ol):first-child {
    margin-top: 0;
}

.mce-content-body.text-content :is(p, ul, ol):last-child {
    margin-bottom: 0;
}