/* Стили отформатированного текста на публичных страницах */

.rich-text-content {
    display: block;
    line-height: 1.7;
    color: var(--text-white);
    margin: 0;
    gap: 0;
}

.rich-text-content p,
.rich-text-content h1,
.rich-text-content h2,
.rich-text-content h3,
.rich-text-content h4,
.rich-text-content ul,
.rich-text-content ol,
.rich-text-content li,
.rich-text-content blockquote,
.rich-text-content figure,
.rich-text-content pre,
.rich-text-content div {
    margin: 0;
    padding: 0;
}

.rich-text-content p + p,
.rich-text-content h1 + p,
.rich-text-content h2 + p,
.rich-text-content h3 + p,
.rich-text-content h4 + p,
.rich-text-content p + h1,
.rich-text-content p + h2,
.rich-text-content p + h3,
.rich-text-content p + h4,
.rich-text-content ul + p,
.rich-text-content ol + p,
.rich-text-content p + ul,
.rich-text-content p + ol {
    margin-top: 0.55em;
}

.rich-text-content ul,
.rich-text-content ol {
    padding-left: 1.4em;
}

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

.rich-text-content ul.list-dash {
    list-style: none;
}

.rich-text-content ul.list-dash > li {
    position: relative;
}

.rich-text-content ul.list-dash > li::before {
    content: "—";
    position: absolute;
    left: -1.2em;
}

.rich-text-content a,
.rich-text-content a:visited {
    color: var(--color-green);
    text-decoration: underline;
    text-underline-offset: 2px;
    word-break: break-word;
}

.rich-text-content a:hover {
    color: #5ec393;
}

.rich-text-content h1 { font-size: 1.75rem; font-weight: 700; }
.rich-text-content h2 { font-size: 1.5rem; font-weight: 700; }
.rich-text-content h3 { font-size: 1.25rem; font-weight: 600; }
.rich-text-content h4 { font-size: 1.1rem; font-weight: 600; }

.rich-text-content h1.rt-normal-weight,
.rich-text-content h2.rt-normal-weight,
.rich-text-content h3.rt-normal-weight,
.rich-text-content h4.rt-normal-weight,
.rich-text-content h1 .rt-normal-weight,
.rich-text-content h2 .rt-normal-weight,
.rich-text-content h3 .rt-normal-weight,
.rich-text-content h4 .rt-normal-weight {
    font-weight: 400;
}

.rich-text-content strong,
.rich-text-content b { font-weight: 700; }

.rich-text-content em,
.rich-text-content i { font-style: italic; }