/*
 * Rich text from the admin editor. Scoped to .rich-content so the theme layout is untouched; font, colour
 * and link colour come from the theme. Only restores what editor HTML needs (the theme resets lists).
 */
.rich-content { overflow-wrap: anywhere; }
.rich-content > :first-child { margin-top: 0; }
.rich-content p,
.rich-content ul,
.rich-content ol,
.rich-content blockquote,
.rich-content pre { margin: 0 0 1em; }
.rich-content h2,
.rich-content h3 { margin: 1.4em 0 .6em; line-height: 1.3; }
.rich-content ul { list-style: disc; padding-left: 1.5em; }
.rich-content ol { list-style: decimal; padding-left: 1.5em; }
.rich-content li > ul,
.rich-content li > ol { margin: .3em 0 0; }
.rich-content li { margin-bottom: .3em; }
.rich-content blockquote { border-left: 3px solid #d6d6d6; padding: .2em 0 .2em 1em; color: #555; font-style: italic; }
.rich-content pre { background: #f5f5f5; padding: .75em 1em; overflow-x: auto; white-space: pre-wrap; }
.rich-content code { background: #f5f5f5; padding: 0 .25em; font-size: .9em; }
.rich-content pre code { background: none; padding: 0; }
.rich-content a { text-decoration: underline; }
/* Images (CKFinder) never overflow the column; width/height attributes only reserve the aspect ratio. */
.rich-content img { max-width: 100%; height: auto; vertical-align: middle; }
.rich-content p > img:only-child { display: block; margin: 0 auto; }
/* Tables scroll inside themselves on narrow screens instead of widening the page. */
.rich-content table { display: block; width: 100%; max-width: 100%; overflow-x: auto; border-collapse: collapse; margin: 0 0 1em; }
.rich-content caption { caption-side: top; padding: 0 0 .4em; font-weight: 600; text-align: left; }
.rich-content th,
.rich-content td { border: 1px solid #ddd; padding: .45em .7em; text-align: left; vertical-align: top; overflow-wrap: normal; }
.rich-content th { background: #f5f5f5; font-weight: 600; }