/* TYPO3's Fluid Styled Content CSS supplies the actual image positions.
   These scoped additions adapt spacing and galleries to this site's layouts. */
:is(.wiki-content, .campaign-content, .members-content, .dpub-content) .ce-gallery { max-width: 100%; }
:is(.wiki-content, .campaign-content, .members-content, .dpub-content) .ce-intext.ce-right .ce-gallery { margin-left: 1.5rem; }
:is(.wiki-content, .campaign-content, .members-content, .dpub-content) .ce-intext.ce-left .ce-gallery { margin-right: 1.5rem; }
:is(.wiki-content, .campaign-content, .members-content, .dpub-content) .ce-gallery figure { max-width: 100%; }
:is(.wiki-content, .campaign-content, .members-content, .dpub-content) .ce-gallery figcaption { color: var(--muted); font-size: .85em; line-height: 1.5; padding-top: .5rem; }
@media (max-width: 620px) {
  :is(.wiki-content, .campaign-content, .members-content, .dpub-content) .ce-intext.ce-right .ce-gallery,
  :is(.wiki-content, .campaign-content, .members-content, .dpub-content) .ce-intext.ce-left .ce-gallery { float: none; width: fit-content; max-width: 100%; margin: 0 0 1.25rem; }
  :is(.wiki-content, .campaign-content, .members-content, .dpub-content) .ce-gallery .ce-row { display: flex; flex-wrap: wrap; gap: .75rem; }
  :is(.wiki-content, .campaign-content, .members-content, .dpub-content) .ce-gallery .ce-column { float: none; min-width: 0; max-width: 100%; margin: 0; }
  :is(.wiki-content, .campaign-content, .members-content, .dpub-content) .ce-center .ce-outer,
  :is(.wiki-content, .campaign-content, .members-content, .dpub-content) .ce-center .ce-inner { float: none; right: auto; }
  :is(.wiki-content, .campaign-content, .members-content, .dpub-content) .ce-center .ce-gallery { display: flex; justify-content: center; }
}