/*
 * 7.7.0 — CSS Runtime & CLS Stability
 * Reserve layout space before dynamic media/ads arrive. Avoid broad layout
 * containment on interactive elements; use containment only where it is safe.
 */

/* Media should never introduce a late height change when dimensions are known. */
img[width][height],
video[width][height],
iframe[width][height]{
  height:auto;
}



/* Stable aspect-ratio wrappers for common editorial media. */
.gs-card-media,
.ca-post-thumb,
.ca-archive-pick-image,
.ca-single-featured-image{
  overflow:hidden;
}

/* Below-the-fold modules can be skipped by the rendering engine without
 * reserving an unbounded amount of layout space. The intrinsic size is a
 * fallback only; actual content takes over when it enters the viewport. */
@supports (content-visibility:auto){
  .ca-home-main .ca-home-section:not(:first-of-type),
  .ca-page-main .ca-category-grid-page,
  .ca-single-main .ca-single-related{
    content-visibility:auto;
    contain-intrinsic-size:0 520px;
  }
}

/* Contain paint/layout only on isolated decorative wrappers. */
.ca-home-main .ca-module-heading,
.ca-home-main .ca-home-list-posts,
.ca-page-main .gs-pagination{
  contain:layout paint;
}

/* Avoid animation-driven layout changes for users who prefer reduced motion. */
@media (prefers-reduced-motion: reduce){
  .ca-home-main *,
  .ca-page-main *,
  .ca-single-main *{
    scroll-behavior:auto!important;
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
  }
}