/* Loaded by the mln:richText and mln:richTextEditor composites themselves, so every host
   page gets these rules whatever stylesheets it loads. */

.mln-rich-text { line-height: 1.55; overflow-wrap: anywhere; }
.mln-rich-text > :first-child { margin-top: 0; }
.mln-rich-text > :last-child { margin-bottom: 0; }
.mln-rich-text p { margin: 0 0 0.75em; }
.mln-rich-text h2 { font-size: 1.2em; margin: 1em 0 0.5em; }
.mln-rich-text h3 { font-size: 1.08em; margin: 0.9em 0 0.4em; }
.mln-rich-text h4 { font-size: 1em; margin: 0.8em 0 0.4em; }
.mln-rich-text ul,
.mln-rich-text ol { margin: 0 0 0.75em; padding-left: 1.4em; }
.mln-rich-text li { margin: 0.2em 0; }
.mln-rich-text blockquote {
    margin: 0 0 0.75em; padding-left: 0.9em;
    border-left: 3px solid var(--mln-divider, #d9e2dd); color: var(--mln-text-muted, #5c6b65);
}
.mln-rich-text a { color: var(--mln-link, #00594c); text-decoration: underline; text-underline-offset: 2px; }
.mln-rich-text a:hover, .mln-rich-text a:focus-visible { color: var(--mln-link-hover, #04463b); text-decoration-thickness: 2px; }

.mln-rte .ui-texteditor { width: 100%; }
.mln-rte .ql-editor { font-size: 0.95rem; line-height: 1.55; }
.mln-rte .ql-editor h2 { font-size: 1.2em; }
.mln-rte .ql-editor h3 { font-size: 1.08em; }