/* A document uses the same type and indentation rules while editing and reading. */
.rich-content {
    font-size: 1rem;
    line-height: 1.6;
    overflow-wrap: anywhere;
    color: var(--text);
}
.rich-content :is(p, div, li, blockquote, span) { line-height: 1.6 !important; }
.rich-content :is(p, div) { color: inherit; }
.rich-content :is(p, div, ul, ol, blockquote) { margin-block: 0 .75em; }
.rich-content :is(p, div, ul, ol, blockquote):last-child { margin-bottom: 0; }
.rich-content :is(h1, h2, h3, h4, h5, h6) {
    color: var(--heading);
    line-height: 1.3 !important;
    font-weight: 700;
    margin: 1em 0 .5em;
    text-wrap: pretty;
}
.rich-content > :first-child { margin-top: 0; }
.rich-content h1 { font-size: 1.5em; }
.rich-content h2 { font-size: 1.3em; }
.rich-content h3 { font-size: 1.15em; }
.rich-content :is(h4, h5, h6) { font-size: 1em; }
.rich-content :is(ul, ol) { padding-inline-start: 1.5em; }
.rich-content li { padding-inline-start: .15em; }
.rich-content li + li { margin-top: .25em; }
.rich-content li > :is(ul, ol) { margin-block: .25em 0; }
.rich-content [data-rich-indent] {
    margin-left: min(var(--rich-indent), 25%) !important;
    padding-left: 0 !important;
}
.rich-content [data-rich-first-line] {
    text-indent: clamp(max(-1em, -10%), var(--rich-first-line), min(2em, 15%)) !important;
}
.rich-content blockquote {
    margin: .75em 0 .75em 1em;
    padding: 0 0 0 .75em;
    border-left: 3px solid var(--border-strong);
    color: var(--muted);
}
.rich-content :is(ul, ol)[data-rich-indent] { padding-left: 1.5em !important; }
.rich-content a { color: var(--primary); text-decoration: underline; }
.rich-content :is(p, div):has(> br:only-child) { min-height: .5em; margin-block: .25em; }