/**
 * Blog image display — 3:2 ratio (matches admin upload sizes).
 * Load after main.min.css on blog list, article, and homepage preview sections.
 */

/* Blog list cards */
.post-secondary__thumb {
    height: auto !important;
    aspect-ratio: 3 / 2;
}

/* Article detail hero */
.mxd-article__thumb {
    height: auto !important;
    aspect-ratio: 3 / 2;
}

/* Related articles */
.mxd-blog-preview__media {
    height: auto !important;
}

.mxd-blog-preview__image {
    height: auto !important;
    aspect-ratio: 3 / 2;
    min-height: 0 !important;
}

.mxd-blog-preview__image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}