/*
 * Shared styling for admin/alumni-authored rich text (Summernote output).
 *
 * Every view that renders editor HTML wraps it in `.wysiwyg-content`, and this
 * file is the ONLY place its presentation rules live. Before it existed the
 * render sites had no shared class (the CMS page used `.cms-content`, the home
 * sections `.content-html`, the rest bare wrappers) and no image rules at all,
 * so text sat hard against an image's edge on custom pages.
 *
 * Deliberately scoped to `.wysiwyg-content img` only: galleries, banners,
 * avatars and other component-rendered images live outside these wrappers and
 * must not inherit editor-content spacing.
 */

.wysiwyg-content img {
    max-width: 100%;
    height: auto;
    margin-top: 0.35rem;
    margin-bottom: 0.75rem;
}

/*
 * Floated images (Summernote emits inline `float` styles; Bootstrap's
 * float-start/float-end classes are covered too): the larger margin goes on
 * the side the text flows against.
 */
.wysiwyg-content img[style*="float: left"],
.wysiwyg-content img[style*="float:left"],
.wysiwyg-content img.float-start {
    margin-right: 1.5rem;
    margin-bottom: 0.75rem;
}

.wysiwyg-content img[style*="float: right"],
.wysiwyg-content img[style*="float:right"],
.wysiwyg-content img.float-end {
    margin-left: 1.5rem;
    margin-bottom: 0.75rem;
}