/* Layout Stability CSS */
/* Feature: 014-fix-cls */
/* Date: 2025-12-07 */
/* Purpose: Prevent CLS by ensuring images maintain aspect ratio and dynamic content reserves space */

/* Ensure images maintain aspect ratio and are responsive */
img {
    max-width: 100%;
    height: auto;
}

/* Reserve space for figure containers to prevent CLS */
.w-richtext figure {
    /* Reserve minimum space for images in figures */
    min-height: 200px;
    /* Ensure figure doesn't collapse */
    display: block;
}

/* Ensure images in figures don't cause layout shift */
.w-richtext figure img {
    /* Images should maintain their aspect ratio */
    display: block;
    width: 100%;
    height: auto;
}

/* Reserve space for dynamic content containers */
.article-list {
    min-height: 500px;
}

.blog-preview {
    min-height: 600px;
}

._w-a {
    min-height: 400px;
}

/* Additional containers that may need space reservation */
._w-blog {
    min-height: 300px;
}