/* DRUK R5.72 — balanced compact course hero
   Scope: all 16 course detail pages only.
   R5.71 top-gap fix is retained. This layer only balances the inner hero card. */

/* Keep the established outer top gap; add a little safe room below the card. */
body.v83-page.v83-inner.v83-course.course-standard-v561 main#main > section.course-detail-hero.page-hero:first-child{
  padding-bottom:30px!important;
}

/* Equal left/right visual weight. */
body.course-standard-v561 .course-detail-hero .page-hero-grid{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  align-items:stretch!important;
  padding:12px!important;
  gap:0!important;
}

/* Remove the vertical accent mark and reduce excess copy height. */
body.course-standard-v561 .course-detail-hero .course-hero-copy,
body.course-standard-v561 .course-detail-hero.hero-variant-left .course-hero-copy,
body.course-standard-v561 .course-detail-hero.hero-variant-wide .course-hero-copy,
body.course-standard-v561 .course-detail-hero.hero-variant-overlay .course-hero-copy,
body.course-standard-v561 .course-detail-hero.hero-variant-compact .course-hero-copy,
body.course-standard-v561 .course-detail-hero.hero-variant-right .course-hero-copy{
  border-left:0!important;
  border-right:0!important;
  border-top:0!important;
  padding:clamp(28px,3vw,42px)!important;
  min-height:390px!important;
  align-self:stretch!important;
}

/* Right visual fills its half and matches the left panel height. */
body.course-standard-v561 .course-detail-hero .course-hero-media,
body.course-standard-v561 .course-detail-hero.hero-variant-left .course-hero-media,
body.course-standard-v561 .course-detail-hero.hero-variant-wide .course-hero-media,
body.course-standard-v561 .course-detail-hero.hero-variant-overlay .course-hero-media,
body.course-standard-v561 .course-detail-hero.hero-variant-compact .course-hero-media,
body.course-standard-v561 .course-detail-hero.hero-variant-right .course-hero-media{
  min-height:390px!important;
  height:auto!important;
  align-self:stretch!important;
}
body.course-standard-v561 .course-detail-hero .course-hero-media img{
  width:100%!important;
  height:100%!important;
  min-height:390px!important;
  max-height:none!important;
  object-fit:cover!important;
  display:block!important;
}

/* Tablet: maintain equal panels while allowing the content to breathe. */
@media (max-width:900px){
  body.v83-page.v83-inner.v83-course.course-standard-v561 main#main > section.course-detail-hero.page-hero:first-child{
    padding-bottom:24px!important;
  }
  body.course-standard-v561 .course-detail-hero .page-hero-grid{
    padding:10px!important;
  }
  body.course-standard-v561 .course-detail-hero .course-hero-copy{
    padding:28px 24px!important;
    min-height:360px!important;
  }
  body.course-standard-v561 .course-detail-hero .course-hero-media,
  body.course-standard-v561 .course-detail-hero .course-hero-media img{
    min-height:360px!important;
  }
}

/* Mobile returns to the approved stacked hero model. */
@media (max-width:640px){
  body.v83-page.v83-inner.v83-course.course-standard-v561 main#main > section.course-detail-hero.page-hero:first-child{
    padding-bottom:18px!important;
  }
  body.course-standard-v561 .course-detail-hero .page-hero-grid{
    grid-template-columns:1fr!important;
    padding:8px!important;
  }
  body.course-standard-v561 .course-detail-hero .course-hero-copy{
    min-height:0!important;
    padding:24px 18px!important;
    border-top:0!important;
  }
  body.course-standard-v561 .course-detail-hero .course-hero-media,
  body.course-standard-v561 .course-detail-hero .course-hero-media img{
    min-height:250px!important;
    height:250px!important;
  }
}