/* Images in texts (pages, accordions, articles, templates) on the website and in the editors: size from
   img-size-*, placement from img-align-* – block left, centred or right, or floated with the text
   flowing around (img-align-left/right). A free width (img-size-custom) comes as style="width: …" in px,
   rem or %; max-width keeps it inside the text. Inserted with assets/text-image.js and assets/richtext.js. */
:is(.rich-text, .content-text, .rte-content, .rich-editor, .content-richtext, .content-table :is(td, th)) img { display: block; max-width: 100%; height: auto; margin: 6px auto 18px; border-radius: 12px; }
:is(.rich-text, .content-text, .rte-content, .rich-editor, .content-richtext, .content-table :is(td, th)) img.img-size-25 { width: 25%; }
:is(.rich-text, .content-text, .rte-content, .rich-editor, .content-richtext, .content-table :is(td, th)) img.img-size-50 { width: 50%; }
:is(.rich-text, .content-text, .rte-content, .rich-editor, .content-richtext, .content-table :is(td, th)) img.img-size-75 { width: 75%; }
:is(.rich-text, .content-text, .rte-content, .rich-editor, .content-richtext, .content-table :is(td, th)) img.img-size-100 { width: 100%; }
:is(.rich-text, .content-text, .rte-content, .rich-editor, .content-richtext, .content-table :is(td, th)) img.img-align-block-left { margin-left: 0; margin-right: auto; }
:is(.rich-text, .content-text, .rte-content, .rich-editor, .content-richtext, .content-table :is(td, th)) img.img-align-block-right { margin-left: auto; margin-right: 0; }
:is(.rich-text, .content-text, .rte-content, .rich-editor, .content-richtext, .content-table :is(td, th)) img.img-align-left { float: left; margin: 6px 22px 14px 0; }
:is(.rich-text, .content-text, .rte-content, .rich-editor, .content-richtext, .content-table :is(td, th)) img.img-align-right { float: right; margin: 6px 0 14px 22px; }
:is(.rich-text, .content-text, .rte-content, .rich-editor, .content-richtext, .content-table :is(td, th)) img.img-size-100:is(.img-align-left, .img-align-right) { float: none; margin: 6px 0 18px; }
/* Floated images stay inside their text. */
:is(.rich-text, .content-text, .rte-content, .rich-editor, .content-richtext, .content-table :is(td, th))::after { display: block; clear: both; content: ''; }

@media (max-width: 760px) {
    :is(.rich-text, .content-text, .content-richtext, .content-table :is(td, th)) img:is(.img-size-25, .img-size-50) { width: 60%; }
    :is(.rich-text, .content-text, .content-richtext, .content-table :is(td, th)) img:is(.img-size-75, .img-align-left, .img-align-right) { float: none; width: 100%; margin: 6px 0 16px; }
}
/* Images in table cells: smaller gaps than in running text. */
.content-table :is(td, th) img { margin-top: 2px; margin-bottom: 6px; }
.content-table :is(td, th) img.img-align-left { margin-right: 12px; }
.content-table :is(td, th) img.img-align-right { margin-left: 12px; }