/* GSC_HEADER_HERO_SYNC_V300
   Header is the horizontal source of truth.
*/

:root{
  --gsc-header-frame-left:26px;
  --gsc-header-frame-width:calc(100vw - 52px);
}

/* Standard legacy/interior heroes */
body.public-shell #main-content .page-hero,
body.public-shell #main-content .compact-commerce-hero,
body.public-shell #main-content .content-article-hero-v140,

/* Clean Insights v3 */
body.public-shell #main-content .gsc-insights-v300 .gsc-iv3-hero,

/* Isolated Courses hero revisions */
body.public-shell #main-content .gsc-course-hero-v300,
body.public-shell #main-content .gsc-course-hero-v310,
body.public-shell #main-content .gsc-course-hero-v320,
body.public-shell #main-content .gsc-course-hero-v321,

/* Generic future opt-in */
body.public-shell #main-content [data-gsc-header-frame="hero"]{
  box-sizing:border-box!important;
  width:var(--gsc-header-frame-width)!important;
  max-width:none!important;
  margin-left:var(--gsc-header-frame-left)!important;
  margin-right:0!important;
}

/* Prevent historical Courses alignment residue from moving the reference header. */
body:has(.gsc-courses-index-v209) .site-header .brand,
body:has(.gsc-courses-index-v209) .topbar > .wrap > span:first-child{
  transform:none!important;
  --gsc-exact-left-shift:0px!important;
}

/* Mobile/tablet uses normal symmetrical gutters; collapsed navigation should
   not determine the content frame. */
@media(max-width:900px){
  :root{
    --gsc-header-frame-left:14px;
    --gsc-header-frame-width:calc(100vw - 28px);
  }
}