/* Only saved editor content, never general page images or attachment cards. */
.ql-editor.tte-rich-content img::selection { background: transparent; }
:is(.tte-rich-content, .rich-html-content, .essay-feedback-html, .essay-feedback-text, .submission-feedback-text, .student-report-feedback__content) .ql-align-center { text-align: center; }
:is(.tte-rich-content, .rich-html-content, .essay-feedback-html, .essay-feedback-text, .submission-feedback-text, .student-report-feedback__content) .ql-align-right { text-align: right; }
:is(.tte-rich-content, .rich-html-content, .essay-feedback-html, .essay-feedback-text, .submission-feedback-text, .student-report-feedback__content) .ql-align-justify { text-align: justify; }

:is(.tte-rich-content, .rich-html-content, .essay-feedback-html, .essay-feedback-text, .submission-feedback-text, .student-report-feedback__content) img {
    /* All editor images fill their content area, including legacy inline widths. */
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    vertical-align: middle;
}

.ql-editor.tte-rich-content img { display: inline-block; }

/* Only override legacy block layout when the saved paragraph requests alignment. */
:is(.tte-rich-content, .rich-html-content, .essay-feedback-html, .essay-feedback-text, .submission-feedback-text, .student-report-feedback__content) :is(.ql-align-center, .ql-align-right, .ql-align-justify) img {
    display: inline-block !important;
}

/* Image-specific alignment does not reformat neighbouring text/images. */
:is(.tte-rich-content, .rich-html-content, .essay-feedback-html, .essay-feedback-text, .submission-feedback-text, .student-report-feedback__content) img[data-image-align] {
    display: block !important;
}
:is(.tte-rich-content, .rich-html-content, .essay-feedback-html, .essay-feedback-text, .submission-feedback-text, .student-report-feedback__content) img[data-image-align="center"] {
    margin-left: auto !important;
    margin-right: auto !important;
}
:is(.tte-rich-content, .rich-html-content, .essay-feedback-html, .essay-feedback-text, .submission-feedback-text, .student-report-feedback__content) img[data-image-align="right"] {
    margin-left: auto !important;
    margin-right: 0 !important;
}
:is(.tte-rich-content, .rich-html-content, .essay-feedback-html, .essay-feedback-text, .submission-feedback-text, .student-report-feedback__content) img[data-image-align="left"],
:is(.tte-rich-content, .rich-html-content, .essay-feedback-html, .essay-feedback-text, .submission-feedback-text, .student-report-feedback__content) img[data-image-align="justify"] {
    margin-left: 0 !important;
    margin-right: auto !important;
}