.business-context-engineering-process,
.business-context-engineering-process *{
  box-sizing:border-box;
}
.business-context-engineering-process{
  --bce-sage-tint-20:#D9E0DD;
  --bce-sage-tint-40:#B3C2BA;
  --bce-gold-tint-40:#EEDFAF;
  --bce-bronze-tint-20:#F1E7CE;
  --section-bg:var(--paper);
  --section-text:var(--black);
  --section-title-color:var(--deep);
  --section-border:var(--rule);
  --map-bg:var(--paper);
  --box-bg:var(--paper);
  --box-text:var(--black);
  --box-muted:var(--grey-mid);
  --edge:var(--rule);
  --stage-title-color:var(--deep);
  --num-fill:transparent;
  --num-stroke:var(--deep);
  --num-stroke-width:1.4px;
  --num-bg:transparent;
  --num-border:0;
  --num-padding:0;
  --proof-rule:var(--rule);
  --proof-line:var(--gold);
  --arrow-bg:var(--box-bg);
  --context-bg:var(--gold-soft);
  --context-label-bg:var(--sage);
  --context-label-color:var(--paper);
  --context-copy-bg:var(--gold-soft);
  --context-copy-text:var(--black);
  width:100%;
  flex:0 0 100%;
  background:var(--section-bg);
  border-top:1px solid var(--section-border);
  padding:clamp(64px,7vw,96px) 0;
}
.business-context-engineering-process--white-bronze{
  --section-bg:var(--paper);
  --section-border:var(--bronze);
  --map-bg:var(--paper);
  --box-bg:var(--paper);
  --edge:var(--bronze);
  --section-title-color:var(--deep);
  --stage-title-color:var(--bronze);
  --num-fill:var(--bce-bronze-tint-20);
  --num-stroke:var(--bronze);
  --num-stroke-width:1px;
  --proof-rule:var(--bce-bronze-tint-20);
  --proof-line:var(--bronze);
  --context-bg:var(--paper);
  --context-label-bg:var(--bronze);
  --context-copy-bg:var(--paper);
}
.business-context-engineering-process--white-bronze .business-context-engineering-process__num{
  /* Decorative type: keep custom size for composition. */
  font-size:clamp(28px,2.9vw,41px);
}
.business-context-engineering-process--sage-gold{
  --section-bg:var(--sage);
  --section-text:var(--paper);
  --section-border:var(--gold);
  --map-bg:var(--bce-sage-tint-40);
  --box-bg:var(--sage);
  --box-text:var(--paper);
  --box-muted:var(--paper);
  --edge:var(--bce-gold-tint-40);
  --section-title-color:var(--paper);
  --stage-title-color:var(--paper);
  --num-fill:var(--bce-gold-tint-40);
  --num-stroke:var(--bce-gold-tint-40);
  --num-stroke-width:0;
  --proof-line:var(--gold);
  --context-bg:var(--gold-soft);
  --context-label-bg:var(--gold);
  --context-label-color:var(--black);
  --context-copy-bg:var(--paper);
}
.business-context-engineering-process--white-green-gold{
  --section-bg:var(--paper);
  --section-text:var(--deep);
  --section-border:var(--gold);
  --map-bg:var(--paper);
  --box-bg:var(--paper);
  --box-text:var(--deep);
  --box-muted:var(--deep);
  --edge:var(--gold);
  --section-title-color:var(--deep);
  --stage-title-color:var(--deep);
  --num-fill:var(--gold);
  --num-stroke:var(--gold);
  --num-stroke-width:0;
  --proof-rule:var(--bce-gold-tint-40);
  --proof-line:var(--gold);
  --context-bg:var(--paper);
  --context-label-bg:var(--sage);
  --context-copy-bg:var(--paper);
  --context-copy-text:var(--deep);
}
.business-context-engineering-process__in{width:var(--shell);margin:0 auto}
.business-context-engineering-process__variant{margin:0 0 18px;color:var(--section-text);font-size:14px;line-height:var(--lh-tight)}
.business-context-engineering-process__head{display:grid;grid-template-columns:1fr;gap:14px;margin-bottom:clamp(24px,3vw,36px)}
.business-context-engineering-process__title{margin:0;max-width:min(900px,76%);font-family:var(--display);font-weight:400;font-size:32px;line-height:var(--lh-tight);color:var(--section-title-color)}
.business-context-engineering-process__lede{margin:0;max-width:min(940px,82%);font-size:18px;line-height:var(--lh-copy);color:var(--section-text)}
.business-context-engineering-process__map{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:0;padding:0;list-style:none;border:1px solid var(--edge);background:var(--map-bg)}
.business-context-engineering-process__stage{position:relative;min-height:360px;display:grid;grid-template-rows:auto 1fr auto;gap:18px;padding:28px 24px 24px;border-right:1px solid var(--edge);background:var(--box-bg)}
.business-context-engineering-process__stage:last-child{border-right:0}
.business-context-engineering-process__stage::after{content:'';position:absolute;top:48px;right:-9px;width:17px;height:17px;border-top:1px solid var(--bronze);border-right:1px solid var(--bronze);transform:rotate(45deg);background:var(--arrow-bg);z-index:2}
.business-context-engineering-process__stage:last-child::after{top:auto;right:24px;bottom:24px;border-color:var(--gold);background:transparent}
/* Decorative type: keep custom size for composition. */
.business-context-engineering-process__num{display:inline-flex;width:max-content;padding:var(--num-padding);border:var(--num-border);background:var(--num-bg);font-family:var(--display);font-size:clamp(56px,5.8vw,82px);line-height:var(--lh-tight);color:var(--num-fill);-webkit-text-stroke:var(--num-stroke-width) var(--num-stroke)}
.business-context-engineering-process__stage-title{margin:0;font-family:var(--display);font-weight:400;font-size:24px;line-height:var(--lh-tight);color:var(--stage-title-color)}
.business-context-engineering-process__text{margin:0;color:var(--box-muted);font-size:16px;line-height:var(--lh-copy)}
.business-context-engineering-process__proof{display:flex;align-items:center;gap:10px;min-height:42px;border-top:1px solid var(--proof-rule);padding-top:16px;color:var(--box-text);font-size:14px;font-weight:700;letter-spacing:.04em}
.business-context-engineering-process__proof::before{content:'';width:28px;height:2px;background:var(--proof-line);flex:0 0 auto}
.business-context-engineering-process__context{display:grid;grid-template-columns:1fr 2fr;gap:0;margin-top:24px;border:1px solid var(--edge);background:var(--context-bg)}
.business-context-engineering-process__context-label{display:flex;align-items:center;padding:24px;background:var(--context-label-bg);color:var(--context-label-color);font-family:var(--display);font-size:24px;line-height:var(--lh-tight)}
.business-context-engineering-process__context-copy{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
.business-context-engineering-process__context-copy span{display:flex;align-items:center;min-height:96px;padding:20px 18px;border-right:1px solid var(--edge);background:var(--context-copy-bg);color:var(--context-copy-text);font-size:14px;line-height:var(--lh-copy)}
.business-context-engineering-process__context-copy span:last-child{border-right:0}
@media (max-width:1100px){
  .business-context-engineering-process__map{grid-template-columns:1fr}
  .business-context-engineering-process__stage{min-height:0;border-right:0;border-bottom:1px solid var(--edge)}
  .business-context-engineering-process__stage:last-child{border-bottom:0}
  .business-context-engineering-process__stage::after{top:auto;right:28px;bottom:-9px;transform:rotate(135deg)}
  .business-context-engineering-process__context{grid-template-columns:1fr}
  .business-context-engineering-process__context-copy{grid-template-columns:1fr}
  .business-context-engineering-process__context-copy span{min-height:0;border-right:0;border-bottom:1px solid var(--edge)}
  .business-context-engineering-process__context-copy span:last-child{border-bottom:0}
}
@media (max-width:760px){
  .business-context-engineering-process__stage{padding:24px 20px}
  .business-context-engineering-process__title,.business-context-engineering-process__lede{max-width:100%}
  .business-context-engineering-process__title{font-size:32px}
}

/* Template title standard: section H2 */
[data-section="business-context-engineering-process-sage-gold"][data-section="business-context-engineering-process-sage-gold"] h2,
.business-context-engineering-process-sage-gold.business-context-engineering-process-sage-gold h2,
.business-context-engineering-process-sage-gold__root.business-context-engineering-process-sage-gold__root h2{
  font-size:50px !important;
  font-weight:500 !important;
  line-height:var(--lh-tight) !important;
  overflow-wrap:anywhere;
}

/* Template title standard: section H2 */
[data-section="business-context-engineering-process-white-bronze"][data-section="business-context-engineering-process-white-bronze"] h2,
.business-context-engineering-process-white-bronze.business-context-engineering-process-white-bronze h2,
.business-context-engineering-process-white-bronze__root.business-context-engineering-process-white-bronze__root h2{
  font-size:50px !important;
  font-weight:500 !important;
  line-height:var(--lh-tight) !important;
  overflow-wrap:anywhere;
}

/* Template title standard: section H2 */
[data-section="business-context-engineering-process-white-green-gold"][data-section="business-context-engineering-process-white-green-gold"] h2,
.business-context-engineering-process-white-green-gold.business-context-engineering-process-white-green-gold h2,
.business-context-engineering-process-white-green-gold__root.business-context-engineering-process-white-green-gold__root h2{
  font-size:50px !important;
  font-weight:500 !important;
  line-height:var(--lh-tight) !important;
  overflow-wrap:anywhere;
}

/* Section padding standard 2026-09-21: shared business context roots. */
[data-section="business-context-engineering-process-sage-gold"].business-context-engineering-process,
[data-section="business-context-engineering-process-white-bronze"].business-context-engineering-process,
[data-section="business-context-engineering-process-white-green-gold"].business-context-engineering-process{
  padding-block:clamp(72px,7vw,120px) !important;
}
[data-section="business-context-engineering-process-sage-gold"].business-context-engineering-process,
[data-section="business-context-engineering-process-white-green-gold"].business-context-engineering-process{
  padding-block:clamp(72px,7vw,120px) !important;
}

/* Title/description stack standard 2026-09-21: main title stacks above description at 75% content width. */
[data-section="business-context-engineering-process-sage-gold"] .business-context-engineering-process__title,
[data-section="business-context-engineering-process-sage-gold"] .business-context-engineering-process__lede{
  width:var(--title-description-width) !important;
  max-width:var(--title-description-width) !important;
  flex:0 0 var(--title-description-width) !important;
  grid-column:1 / -1 !important;
  justify-self:start !important;
  align-self:start !important;
  margin-left:0 !important;
  margin-right:auto !important;
}
[data-section="business-context-engineering-process-sage-gold"] .business-context-engineering-process__lede{
  margin-top:24px !important;
}
[data-section="business-context-engineering-process-sage-gold"] .business-context-engineering-process__head{
  gap:0 !important;
  margin-bottom:48px !important;
}

/* Title/description stack standard 2026-09-21: main title stacks above description at 75% content width. */
[data-section="business-context-engineering-process-white-bronze"] .business-context-engineering-process__title,
[data-section="business-context-engineering-process-white-bronze"] .business-context-engineering-process__lede{
  width:var(--title-description-width) !important;
  max-width:var(--title-description-width) !important;
  flex:0 0 var(--title-description-width) !important;
  grid-column:1 / -1 !important;
  justify-self:start !important;
  align-self:start !important;
  margin-left:0 !important;
  margin-right:auto !important;
}
[data-section="business-context-engineering-process-white-bronze"] .business-context-engineering-process__lede{
  margin-top:24px !important;
}
[data-section="business-context-engineering-process-white-bronze"] .business-context-engineering-process__head{
  gap:0 !important;
  margin-bottom:48px !important;
}

/* Title/description stack standard 2026-09-21: main title stacks above description at 75% content width. */
[data-section="business-context-engineering-process-white-green-gold"] .business-context-engineering-process__title,
[data-section="business-context-engineering-process-white-green-gold"] .business-context-engineering-process__lede{
  width:var(--title-description-width) !important;
  max-width:var(--title-description-width) !important;
  flex:0 0 var(--title-description-width) !important;
  grid-column:1 / -1 !important;
  justify-self:start !important;
  align-self:start !important;
  margin-left:0 !important;
  margin-right:auto !important;
}
[data-section="business-context-engineering-process-white-green-gold"] .business-context-engineering-process__lede{
  margin-top:24px !important;
}
[data-section="business-context-engineering-process-white-green-gold"] .business-context-engineering-process__head{
  gap:0 !important;
  margin-bottom:48px !important;
}
