/* AcademyCrew R27 QA12 · carousel intrinsic-size reservation closeout
   Root cause confirmed: legacy QA12/R17 optimization applies content-visibility:auto
   with contain-intrinsic-size:420px 520px (340px 500px mobile) to every course card.
   In a horizontal flex scroller, off-screen cards can therefore contribute their
   500/520px intrinsic placeholder to the scroll container cross-size even though
   rendered cards are much shorter. That invisible placeholder is the blank band
   seen between the cards and pagination. This final layer disables that optimization
   only inside the home catalog carousel and forces geometry to be based on real cards. */
.qa09-public #courseCatalog .qa08-course-card,
.qa09-public #courseCatalog .qa08-course-card[data-carousel-clone="1"]{
  content-visibility:visible!important;
  contain:none!important;
  contain-intrinsic-size:none!important;
}
.qa09-public #courseCatalog{
  contain:none!important;
  height:max-content!important;
  min-height:0!important;
  max-height:none!important;
}
.qa09-public .qa12-carousel-stage{
  contain:none!important;
  height:max-content!important;
  min-height:0!important;
  max-height:none!important;
}
.qa09-public .qa12-carousel-footer{
  margin-top:5px!important;
}
@media(max-width:720px){
  .qa09-public #courseCatalog .qa08-course-card,
  .qa09-public #courseCatalog .qa08-course-card[data-carousel-clone="1"]{
    content-visibility:visible!important;
    contain:none!important;
    contain-intrinsic-size:none!important;
  }
}