/* ANTI-CLS (Cumulative Layout Shift) RULES */

/* Reserve space for all images immediately */
img {
    aspect-ratio: attr(width) / attr(height);
}

/* Prevent FAQ accordion from shifting */
.faq-item {
    min-height: 80px;
    /* Reserve minimum space */
}

.faq-content-wrapper {
    overflow: hidden;
}

/* Prevent marquee from causing shifts */
.marquee-track {
    min-height: 352px;
    /* Height of cards */
}

/* Reserve space for sections before content loads */
section {
    min-height: 200px;
}

#templates {
    min-height: 500px !important;
}

#faq {
    min-height: 400px !important;
}

#services {
    min-height: 600px !important;
}

/* Prevent text reflow in services */
#services .group {
    min-height: 120px;
}

/* Prevent navbar shift */
nav {
    height: 72px;
}