/*
 * Lion2 Signal — editor/article media parity, immutable revision 2.
 *
 * Lion1 keeps an editor-declared width when it is smaller than the uploaded
 * bitmap, while still shrinking oversized media to the content column. The
 * runtime media binder exposes that safe width through a custom property.
 * Tall article images remain uncapped so the complete post is available by
 * normal document scrolling. Card and representative-image rules stay out.
 */

body.lion2-skin #ajax-content :is(
    .board-detail-body,
    .bbsl_detail_wrap,
    .bbsc_content,
    .customer-detail-body,
    .quiz-description,
    .board_content,
    .signal-popup__content,
    .--cwrap_content
) img:not([data-editor-media-upscale]) {
    display: block;
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    margin: 12px auto;
    object-fit: contain !important;
}

body.lion2-skin #ajax-content :is(
    .board-detail-body,
    .bbsl_detail_wrap,
    .bbsc_content,
    .customer-detail-body,
    .quiz-description,
    .board_content,
    .signal-popup__content,
    .--cwrap_content
) img[data-signal-board-media-declared-width='true']:not([data-editor-media-upscale]) {
    width: min(100%, var(--signal-board-media-width)) !important;
}

body.lion2-skin #ajax-content :is(
    .board-detail-body,
    .bbsl_detail_wrap,
    .bbsc_content,
    .customer-detail-body,
    .quiz-description,
    .board_content,
    .signal-popup__content,
    .--cwrap_content
) img[data-editor-media-upscale] {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    margin: 12px auto;
    object-fit: contain !important;
}