/* Shared by TinyEditor and site-web. Keep content formatting independent of editor controls. */
.rich-text-content { overflow-wrap: anywhere; line-height: 1.9; }
.rich-text-content h1 { font-size: 2em; }
.rich-text-content h2 { font-size: 1.5em; }
.rich-text-content h3 { font-size: 1.25em; }
.rich-text-content h4 { font-size: 1.1em; }
.rich-text-content h5, .rich-text-content h6 { font-size: 1em; }
.rich-text-content :is(h1,h2,h3,h4,h5,h6) { line-height: 1.5; margin: 1.25em 0 .6em; font-weight: 700; }
.rich-text-content p { margin: 0 0 1em; }
.rich-text-content img, .rich-text-content video { max-width: 100%; height: auto; }
.rich-text-content video { display: block; margin: 1em 0; }
.rich-text-content .ql-align-center { text-align: center; }
.rich-text-content .ql-align-right { text-align: right; }
.rich-text-content .ql-align-justify { text-align: justify; }
.rich-text-content .ql-direction-rtl { direction: rtl; }
.rich-text-content .ql-font-serif { font-family: Georgia, 'Noto Serif SC', serif; }
.rich-text-content .ql-font-monospace { font-family: Consolas, monospace; }
.rich-text-content .ql-size-small { font-size: .75em; }
.rich-text-content .ql-size-large { font-size: 1.5em; }
.rich-text-content .ql-size-huge { font-size: 2.5em; }
.rich-text-content .ql-custom-strike { text-decoration: line-through; }
.rich-text-content .ql-indent-1 { padding-left: 3em; }
.rich-text-content .ql-indent-2 { padding-left: 6em; }
.rich-text-content .ql-indent-3 { padding-left: 9em; }
.rich-text-content .ql-indent-4 { padding-left: 12em; }
.rich-text-content .ql-indent-5 { padding-left: 15em; }
.rich-text-content .ql-indent-6 { padding-left: 18em; }
.rich-text-content .ql-indent-7 { padding-left: 21em; }
.rich-text-content .ql-indent-8 { padding-left: 24em; }
.rich-text-content :is(ol,ul) { padding-left: 1.6em; margin: .75em 0; counter-reset: rich-list; }
.rich-text-content li { padding-left: .2em; }
.rich-text-content li.bullet { list-style-type: disc; }
.rich-text-content li.ordered { list-style-type: decimal; counter-increment: rich-list; }
.rich-text-content li.ordered::marker { content: counter(rich-list) '. '; }
.rich-text-content li.ordered { counter-reset: rich-list-1 rich-list-2 rich-list-3 rich-list-4 rich-list-5 rich-list-6 rich-list-7 rich-list-8; }
.rich-text-content li.ordered.ql-indent-1 { counter-increment: rich-list-1; counter-reset: rich-list-2 rich-list-3 rich-list-4 rich-list-5 rich-list-6 rich-list-7 rich-list-8; }
.rich-text-content li.ordered.ql-indent-1::marker { content: counter(rich-list-1, lower-alpha) '. '; }
.rich-text-content li.ordered.ql-indent-2 { counter-increment: rich-list-2; counter-reset: rich-list-3 rich-list-4 rich-list-5 rich-list-6 rich-list-7 rich-list-8; }
.rich-text-content li.ordered.ql-indent-2::marker { content: counter(rich-list-2, lower-roman) '. '; }
.rich-text-content li.ordered.ql-indent-3 { counter-increment: rich-list-3; counter-reset: rich-list-4 rich-list-5 rich-list-6 rich-list-7 rich-list-8; }
.rich-text-content li.ordered.ql-indent-3::marker { content: counter(rich-list-3, decimal) '. '; }
.rich-text-content li.ordered.ql-indent-4 { counter-increment: rich-list-4; counter-reset: rich-list-5 rich-list-6 rich-list-7 rich-list-8; }
.rich-text-content li.ordered.ql-indent-4::marker { content: counter(rich-list-4, lower-alpha) '. '; }
.rich-text-content li.ordered.ql-indent-5 { counter-increment: rich-list-5; counter-reset: rich-list-6 rich-list-7 rich-list-8; }
.rich-text-content li.ordered.ql-indent-5::marker { content: counter(rich-list-5, lower-roman) '. '; }
.rich-text-content li.ordered.ql-indent-6 { counter-increment: rich-list-6; counter-reset: rich-list-7 rich-list-8; }
.rich-text-content li.ordered.ql-indent-6::marker { content: counter(rich-list-6, decimal) '. '; }
.rich-text-content li.ordered.ql-indent-7 { counter-increment: rich-list-7; counter-reset: rich-list-8; }
.rich-text-content li.ordered.ql-indent-7::marker { content: counter(rich-list-7, lower-alpha) '. '; }
.rich-text-content li.ordered.ql-indent-8 { counter-increment: rich-list-8; counter-reset: none; }
.rich-text-content li.ordered.ql-indent-8::marker { content: counter(rich-list-8, lower-roman) '. '; }
.tiny-editor .rich-text-content li:is(.ordered,.bullet,.checked,.unchecked)::before { content: none; }
.rich-text-content li.checked, .rich-text-content li.unchecked { list-style-type: none; }
.rich-text-content li.checked::marker { content: '☑  '; }
.rich-text-content li.unchecked::marker { content: '☐  '; }
.rich-text-content blockquote { border-left: .25em solid currentColor; padding-left: 1em; margin: 1em 0; }
.rich-text-content .quill-better-table-wrapper { max-width: 100%; overflow-x: auto; margin: 1em 0; }
.rich-text-content table { border-collapse: collapse; max-width: 100%; margin: 1em 0; }
.rich-text-content .quill-better-table { table-layout: fixed; }
.rich-text-content th, .rich-text-content td { border: 1px solid var(--g-color-border, currentColor); padding: .5em .75em; min-width: 3em; vertical-align: top; }
.rich-text-content .qlbt-cell-line { white-space: pre-wrap; }
.rich-text-content pre, .rich-text-content .ql-code-block-container { overflow: auto; padding: 1em; margin: 1em 0; background: var(--g-color-surface-subtle); font-family: Consolas, monospace; line-height: 1.6; }
.rich-text-content .ql-code-block { white-space: pre; }
.rich-text-content .ql-formula { display: inline-block; max-width: 100%; overflow-x: auto; vertical-align: middle; }
.rich-text-content .ql-formula .katex { font-size: 1.1em; }
.rich-text-content .ql-ui { display: none; }
.reading-body.rich-text-content { padding: 0; height: auto; overflow: visible; }
@media (max-width: 600px) {
  .rich-text-content { overflow-x: auto; }
  .rich-text-content table { display: table; }
}