/*
 * CS_BLOG_DETAIL_MOBILE_OVERFLOW_RUNTIME_V1_20261007
 *
 * Proven runtime issue:
 * - mobile layout parent fits viewport
 * - article/grid item expands to intrinsic image width
 *
 * Scope:
 * - blog detail only
 * - <= 820px only
 */

@media (max-width: 820px) {

    body.cs-blog-detail-pro .csbx-layout {
        grid-template-columns: minmax(0, 1fr) !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }

    body.cs-blog-detail-pro .csbx-layout > *,
    body.cs-blog-detail-pro .csbx-article {
        min-width: 0 !important;
        max-width: 100% !important;
    }

    body.cs-blog-detail-pro .csbx-article {
        width: 100% !important;
    }

    body.cs-blog-detail-pro .csbx-article img {
        display: block !important;
        max-width: 100% !important;
        height: auto !important;
    }
}