/* Growth Hub 6.5.0.5 — full canvas for conversion, readable article measure.
   This is loaded AFTER the 6.5.0.4 reader stylesheet. No markup, CTA link,
   database, SEO metadata, tracking or automation changes.
   Scope: only Scaled AG single post reader. */

/* Give the article grid room without stretching paragraph lines arbitrarily. */
@media (min-width: 1200px) {
  body.sg62-shell-active.tgh-scaled-reader-v62 .tgh-v53-reader__wrap {
    width:min(1456px,calc(100% - 56px))!important;
  }
  body.sg62-shell-active.tgh-scaled-reader-v62 .tgh-v53-reader__grid {
    grid-template-columns:minmax(155px,190px) minmax(0,830px) minmax(155px,190px)!important;
    gap:clamp(24px,2.25vw,38px)!important;
    justify-content:center!important;
  }
  body.sg62-shell-active.tgh-scaled-reader-v62 .tgh-v53-reader__main {
    max-width:830px!important;
  }
}

/* Some earlier templates keep an additional 850px reader wrapper. The article
   copy may use the full 830px main column, while the footer breaks out. */
body.sg62-shell-active.tgh-scaled-reader-v62 .tgh-v53-reader__main .tgh-scaled-reader {
  width:100%!important;
  max-width:none!important;
  padding-left:0!important;
  padding-right:0!important;
  overflow:visible!important;
}
body.sg62-shell-active.tgh-scaled-reader-v62 .tgh-v53-reader__main .tgh-scaled-reader__body,
body.sg62-shell-active.tgh-scaled-reader-v62 .tgh-v53-reader__content {
  max-width:100%!important;
  overflow:visible!important;
}

/* FULL-WIDTH END CAP. The footer is nested INSIDE the prose column, so just
   increasing max-width is insufficient. Center a calculated viewport breakout
   on the parent article column. This is the precise 6.5.0.4 regression. */
body.sg62-shell-active.tgh-scaled-reader-v62 .tgh-v53-reader__content .tpm-growth-footer,
body.sg62-shell-active.tgh-scaled-reader-v62 .tgh-scaled-reader__body > .tpm-growth-footer,
body.sg62-shell-active.tgh-scaled-reader-v62 .tgh-scaled-reader__body > .tgh-scaled-related {
  position:relative!important;
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%)!important;
  width:min(1340px,calc(100vw - 72px))!important;
  max-width:none!important;
  margin:80px 0 10px!important;
  padding:0!important;
  box-sizing:border-box!important;
  clear:both!important;
}
/* Parent may be nested under publication wrappers, but no section should clip
   its horizontally-expanded cards. */
body.sg62-shell-active.tgh-scaled-reader-v62 .tgh-v53-reader__main,
body.sg62-shell-active.tgh-scaled-reader-v62 .tgh-v53-reader__grid,
body.sg62-shell-active.tgh-scaled-reader-v62 .tgh-scaled-reader__body {overflow:visible!important;}

body.sg62-shell-active.tgh-scaled-reader-v62 .tpm-growth-footer > .tpm-related-wrap {
  width:100%!important;
  max-width:none!important;
  padding:36px 0 0!important;
  margin:0!important;
  border-top:1px solid #d7d8d2!important;
}
body.sg62-shell-active.tgh-scaled-reader-v62 .tpm-growth-footer .tpm-related-track,
body.sg62-shell-active.tgh-scaled-reader-v62 .tpm-growth-footer .tpm-related-wrap--compact .tpm-related-track {
  grid-template-columns:repeat(auto-fit,minmax(min(100%,265px),1fr))!important;
  gap:19px!important;
}
body.sg62-shell-active.tgh-scaled-reader-v62 .tpm-growth-footer .tpm-related-card {
  width:100%!important;
  max-width:none!important;
}
body.sg62-shell-active.tgh-scaled-reader-v62 .tpm-growth-footer .tpm-related-card-body {padding:22px 24px 26px!important;}
body.sg62-shell-active.tgh-scaled-reader-v62 .tpm-growth-footer .tpm-related-head h2 {
  max-width:100%!important;
}

/* End-of-article follow section should be a strong horizontal invitation,
   not an undersized inset component. */
body.sg62-shell-active.tgh-scaled-reader-v62 .tpm-growth-footer .tpm-social-follow {
  width:100%!important;
  max-width:none!important;
  grid-template-columns:minmax(0,1fr) minmax(230px,330px)!important;
  padding:clamp(38px,4.2vw,62px)!important;
  column-gap:clamp(28px,4vw,72px)!important;
  margin:44px 0 0!important;
  border-radius:12px!important;
}
body.sg62-shell-active.tgh-scaled-reader-v62 .tpm-growth-footer .tpm-social-follow > div:first-child {
  width:auto!important;
  max-width:780px!important;
}
body.sg62-shell-active.tgh-scaled-reader-v62 .tpm-growth-footer .tpm-social-follow h2 {
  font-size:clamp(34px,3.8vw,50px)!important;
  max-width:21ch!important;
}
body.sg62-shell-active.tgh-scaled-reader-v62 .tpm-growth-footer .tpm-social-follow p {
  font-size:16px!important;
  max-width:58ch!important;
}
body.sg62-shell-active.tgh-scaled-reader-v62 .tpm-growth-footer .tpm-social-follow__wa {
  width:100%!important;
  min-height:62px!important;
  padding:16px 24px!important;
  font-size:14px!important;
}

/* Tablet: full use of page width for end-cap, while prose remains readable. */
@media (min-width:701px) and (max-width:1199px) {
  body.sg62-shell-active.tgh-scaled-reader-v62 .tgh-v53-reader__wrap {
    width:calc(100% - 48px)!important;
  }
  body.sg62-shell-active.tgh-scaled-reader-v62 .tgh-v53-reader__grid {
    max-width:880px!important;
  }
  body.sg62-shell-active.tgh-scaled-reader-v62 .tpm-growth-footer .tpm-related-track,
  body.sg62-shell-active.tgh-scaled-reader-v62 .tpm-growth-footer .tpm-related-wrap--compact .tpm-related-track {
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body.sg62-shell-active.tgh-scaled-reader-v62 .tpm-growth-footer .tpm-social-follow {
    grid-template-columns:minmax(0,1fr) minmax(200px,260px)!important;
    padding:32px!important;
  }
}
@media (max-width:700px) {
  body.sg62-shell-active.tgh-scaled-reader-v62 .tgh-v53-reader__wrap {
    width:calc(100% - 32px)!important;
  }
  body.sg62-shell-active.tgh-scaled-reader-v62 .tgh-v53-reader__content .tpm-growth-footer,
  body.sg62-shell-active.tgh-scaled-reader-v62 .tgh-scaled-reader__body > .tpm-growth-footer,
  body.sg62-shell-active.tgh-scaled-reader-v62 .tgh-scaled-reader__body > .tgh-scaled-related {
    width:calc(100vw - 32px)!important;
    margin-top:54px!important;
  }
  body.sg62-shell-active.tgh-scaled-reader-v62 .tpm-growth-footer .tpm-related-track,
  body.sg62-shell-active.tgh-scaled-reader-v62 .tpm-growth-footer .tpm-related-wrap--compact .tpm-related-track {
    grid-template-columns:minmax(0,1fr)!important;
    gap:12px!important;
  }
  body.sg62-shell-active.tgh-scaled-reader-v62 .tpm-growth-footer .tpm-social-follow {
    grid-template-columns:1fr!important;
    padding:28px 23px!important;
    gap:25px!important;
  }
  body.sg62-shell-active.tgh-scaled-reader-v62 .tpm-growth-footer .tpm-social-follow h2 {
    font-size:clamp(29px,8vw,38px)!important;
  }
}