/* The same reading styles are used in the editor and published content. */
.rich-content { overflow-wrap: anywhere; white-space: pre-line; line-height: 1.8; }
.rich-content > :first-child { margin-top: 0; }
.rich-content > :last-child { margin-bottom: 0; }
.rich-content p { margin: 0 0 1em; }
.rich-content h2 { font-size: 1.75em; line-height: 1.4; margin: 1.1em 0 .5em; }
.rich-content h3 { font-size: 1.4em; line-height: 1.5; margin: 1em 0 .5em; }
.rich-content h4 { font-size: 1.15em; line-height: 1.5; margin: 1em 0 .5em; }
.rich-content :is(strong, b) { font-weight: 700; }
.page-project .project-info-grid .rich-content :is(strong, b) { font-weight: 700; }
.rich-content :is(ul, ol) { padding-left: 1.6em; margin: .5em 0 1em; }
.rich-content li { margin: .25em 0; }
.rich-content blockquote { border-left: 3px solid #b69a61; padding: .6em 1em; margin: 1em 0; background: #f7f5ee; color: #55574e; }
.rich-content a { color: #806027; text-decoration: underline; text-underline-offset: .2em; }
.rich-content img { max-width: 100%; height: auto; vertical-align: middle; border-radius: 6px; }
.rich-content [class^="ql-indent-"] { padding-left: min(calc(var(--rich-indent) * 2em), 30%); }
.rich-content .ql-indent-1 { --rich-indent: 1; }
.rich-content .ql-indent-2 { --rich-indent: 2; }
.rich-content .ql-indent-3 { --rich-indent: 3; }
.rich-content .ql-indent-4 { --rich-indent: 4; }
.rich-content .ql-indent-5 { --rich-indent: 5; }
.rich-content .ql-indent-6 { --rich-indent: 6; }
.rich-content .ql-indent-7 { --rich-indent: 7; }
.rich-content .ql-indent-8 { --rich-indent: 8; }
.page-project .feature-list.rich-content { display: block; }
.project-info-grid .rich-content { min-width: 0; }