/* business-growth-strategy.html — page-only tweaks on top of pages.css (prefix bgs-). Tokens only. */
.bgs-process { scroll-margin-top: calc(var(--header-h) - var(--space-1)); }

/* four steps: About "How Future State helps" look (blue / white checkerboard), yellow number badges */
.bgs-steps .pg-card:not(.pg-card--blue) .pg-card__num { color: var(--color-blue-700); background: var(--color-yellow-400); box-shadow: none; }
.bgs-steps .bgs-steps__lead { font-weight: 600; color: var(--color-text); }
.bgs-steps .pg-card--blue .bgs-steps__lead { color: var(--color-white); }
.bgs-steps .pg-card__body { gap: var(--space-4); }
@media (min-width: 1069px) {
  .bgs-steps .pg-card__body { padding: var(--space-7); }
  .bgs-steps .pg-card__text { max-width: var(--measure-body); }
}
@media (max-width: 734px) {
  .bgs-steps .pg-card__body { padding: var(--space-5); gap: var(--space-3); }
}

/* navy conclusion (round 3): text + old-page growth image split, no site-wide numbers */
.bgs-growth__split .pg-split__body > .pg-head + .lead { margin-top: var(--space-6); }

/* CTA card on tablet: keep the paragraph narrower so it sits on the darker left of the photo */
@media (min-width: 735px) and (max-width: 1068px) {
  .bgs-cta .pg-cta__text { max-width: 40ch; }
}

/* phone: the kit's phone card padding also hits media cards (photo looked inset) — keep them edge to edge */
@media (max-width: 734px) {
  .bgs-related .pg-card--media, .bgs-steps .pg-card--media { padding: 0; }
}

/* round 3: step cards carry the old-page step images; no forced equal rows (cards stretch per row only) */
.bgs-steps .pg-card { justify-content: flex-start; }

/* round 2: CTA follows the white related band, so drop the doubled top padding (as ceo-executive-advisory-support) */
.bgs-related + .bgs-cta { padding-top: 0; border-top: 0; }
.bgs-related + .bgs-cta::before { display: none; }

/* round 2: phone related services = horizontal scroll-snap row instead of 6 stacked cards */
@media (max-width: 734px) {
  .bgs-related__list { display: grid; grid-auto-flow: column; grid-auto-columns: 82%; grid-template-columns: none; gap: var(--space-4); overflow-x: auto; scroll-snap-type: x mandatory; overscroll-behavior-x: contain; margin-inline: calc(-1 * var(--gutter)); padding-inline: var(--gutter); scroll-padding-inline: var(--gutter); padding-bottom: var(--space-3); scrollbar-width: none; }
  .bgs-related__list::-webkit-scrollbar { display: none; }
  .bgs-related__list > li { scroll-snap-align: start; min-width: 0; }
  .bgs-related__list .pg-card { height: 100%; }
}