/**
 * Strategic page — Phase 9 final refinement
 * Mid-page rhythm · process clarity · comparison · intake cohesion
 * Scoped: body.strategic-page · load last on strategic.html
 */

body.strategic-page{
  --sr-p9-mid-y:clamp(calc(var(--bh-unit)*4),5.2vw,calc(var(--bh-unit)*17));
  --sr-p9-mid-head:clamp(var(--bh-space-4),3.6vw,var(--bh-space-5));
}

/* -------------------------------------------------------------------------
   Mid-page arc — Fragmentation · Strategic Review · Process architecture
   ------------------------------------------------------------------------- */
body.strategic-page .sr-fragmentation{
  padding-top:var(--sr-p9-mid-y);
  padding-bottom:var(--sr-p9-mid-y);
}

body.strategic-page .sr-fragmentation + .sr-block{
  padding-top:var(--sr-p9-mid-y);
  padding-bottom:var(--sr-p9-mid-y);
}

body.strategic-page .sr-methodology{
  padding-top:clamp(calc(var(--bh-unit)*5),6.2vw,calc(var(--bh-unit)*19));
  padding-bottom:clamp(calc(var(--bh-unit)*5),6.2vw,calc(var(--bh-unit)*19));
}

body.strategic-page .sr-fragmentation__list{
  margin-top:clamp(var(--bh-space-3),2.4vw,var(--bh-space-4));
}

body.strategic-page .sr-fragmentation + .sr-block .sr-prose p{
  margin-top:clamp(var(--bh-space-2),2vw,var(--bh-space-3));
}

body.strategic-page .sr-methodology__head{
  margin-bottom:var(--sr-p9-mid-head);
}

body.strategic-page .sr-methodology__deck{
  margin-top:clamp(var(--bh-space-2),2vw,var(--bh-space-3));
}

/* -------------------------------------------------------------------------
   Directional process architecture — clarity · reduced center dominance
   ------------------------------------------------------------------------- */
body.strategic-page .sr-flow{
  border-color:rgba(17,17,17,0.28);
  padding:clamp(var(--bh-space-4),3.2vw,var(--bh-space-5));
}

body.strategic-page .sr-flow__chrome{
  margin-bottom:var(--bh-space-3);
  padding-bottom:var(--bh-space-2);
  border-bottom-color:rgba(17,17,17,0.22);
}

body.strategic-page .sr-flow__schema-id{
  font-weight:800;
  letter-spacing:0.15em;
}

body.strategic-page .sr-flow__chrome-line{
  height:2px;
  background:linear-gradient(90deg,rgba(34,162,159,0.72) 0%,rgba(17,17,17,0.24) 38%,rgba(17,17,17,0.24) 100%);
}

body.strategic-page .sr-flow__track{
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);
  gap:clamp(var(--bh-space-3),2.6vw,var(--bh-space-5));
}

body.strategic-page .sr-flow__stage{
  border-color:rgba(17,17,17,0.28);
  border-width:1px;
  padding:clamp(var(--bh-space-3),2.8vw,var(--bh-space-4));
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.96);
}

body.strategic-page .sr-flow__stage--a,
body.strategic-page .sr-flow__stage--c{
  background:linear-gradient(165deg,rgba(255,255,255,0.98) 0%,rgba(247,247,247,0.82) 100%);
}

body.strategic-page .sr-flow__stage--b{
  border-color:rgba(17,17,17,0.32);
  border-left:2px solid var(--bh-accent);
  background:linear-gradient(168deg,#EEEDEA 0%,#E8E6E2 52%,#E2E0DC 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.96);
}

body.strategic-page .sr-flow__phase{
  font-size:10px;
  font-weight:700;
  letter-spacing:0.14em;
  color:rgba(17,17,17,0.58);
}

body.strategic-page .sr-flow__stage--b .sr-flow__phase{
  color:rgba(34,162,159,0.92);
}

body.strategic-page .sr-flow__name{
  font-size:clamp(1.0625rem,1.1vw,1.125rem);
  font-weight:600;
  line-height:1.36;
  color:var(--bh-ink);
}

body.strategic-page .sr-flow__stage--b .sr-flow__name{
  color:var(--bh-ink);
}

body.strategic-page .sr-flow__text{
  font-size:var(--sr-body-size);
  line-height:1.54;
  color:var(--bh-ink-3);
}

body.strategic-page .sr-flow__stage--b .sr-flow__text{
  color:var(--bh-ink-3);
}

body.strategic-page .sr-flow__bridge::before{
  width:2px;
  background:linear-gradient(180deg,transparent,rgba(17,17,17,0.62) 35%,rgba(34,162,159,0.78) 50%,rgba(17,17,17,0.62) 65%,transparent);
}

body.strategic-page .sr-flow__bridge-tag{
  font-size:10px;
  font-weight:700;
  letter-spacing:0.13em;
  color:rgba(17,17,17,0.56);
}

body.strategic-page .sr-flow__foot{
  margin-top:clamp(var(--bh-space-3),3vw,var(--bh-space-4));
  padding-top:var(--bh-space-3);
  border-top-color:rgba(17,17,17,0.16);
  font-size:var(--sr-body-size);
  color:var(--bh-ink-2);
}

/* -------------------------------------------------------------------------
   Conventional vs Strategic — contrast · readability · balance
   ------------------------------------------------------------------------- */
body.strategic-page .sr-block--compare .sr-rule{
  margin-bottom:clamp(var(--bh-space-3),2.6vw,var(--bh-space-4));
}

body.strategic-page .sr-compare{
  gap:clamp(var(--bh-space-4),3.8vw,var(--bh-space-6));
  max-width:54rem;
}

body.strategic-page .sr-compare__col-head{
  margin-bottom:var(--bh-space-2);
  padding-bottom:var(--bh-space-2);
  font-size:10px;
  font-weight:700;
  letter-spacing:0.12em;
}

body.strategic-page .sr-compare__col--conventional .sr-compare__col-head{
  color:rgba(17,17,17,0.52);
  border-bottom:var(--bh-hairline) solid rgba(17,17,17,0.14);
}

body.strategic-page .sr-compare__col--strategic .sr-compare__col-head{
  color:var(--bh-ink);
  border-bottom:var(--bh-hairline) solid rgba(34,162,159,0.48);
}

body.strategic-page .sr-compare__col--conventional{
  padding-right:clamp(var(--bh-space-5),4.2vw,var(--bh-space-6));
  border-right-color:rgba(17,17,17,0.16);
}

body.strategic-page .sr-compare__col--strategic{
  padding-left:clamp(var(--bh-space-4),3.4vw,var(--bh-space-5));
}

body.strategic-page .sr-compare__items li{
  padding:clamp(var(--bh-space-2),1.8vw,var(--bh-space-3)) 0;
  min-height:2.5rem;
  line-height:1.48;
  border-bottom-color:rgba(17,17,17,0.1);
}

body.strategic-page .sr-compare__col--conventional .sr-compare__items li{
  color:var(--bh-ink-3);
  font-weight:400;
}

body.strategic-page .sr-compare__col--strategic .sr-compare__items li{
  color:var(--bh-ink);
  font-weight:500;
  padding-left:0.15em;
}

body.strategic-page .sr-compare__col--strategic .sr-compare__items li::before{
  content:"";
  display:inline-block;
  width:5px;
  height:1px;
  margin-right:0.55em;
  vertical-align:0.35em;
  background:rgba(34,162,159,0.58);
}

/* -------------------------------------------------------------------------
   Bottom CTA — intro · intake form cohesion
   ------------------------------------------------------------------------- */
body.strategic-page .sr-intake{
  padding:clamp(calc(var(--bh-unit)*6),7.8vw,calc(var(--bh-unit)*26)) 0;
}

body.strategic-page .sr-intake__grid{
  align-items:stretch;
  gap:clamp(var(--bh-space-5),5.5vw,calc(var(--bh-unit)*18));
  max-width:min(100%,72rem);
}

body.strategic-page .sr-intake__intro{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:clamp(var(--bh-space-3),2.8vw,var(--bh-space-4)) clamp(var(--bh-space-5),4vw,var(--bh-space-7)) clamp(var(--bh-space-3),2.8vw,var(--bh-space-4)) 0;
  border-right:var(--bh-hairline) solid rgba(255,255,255,0.12);
}

body.strategic-page .sr-intake__title{
  margin-bottom:clamp(var(--bh-space-3),2.6vw,var(--bh-space-4));
  max-width:16ch;
}

body.strategic-page .sr-intake__lead{
  color:rgba(238,238,238,0.84);
  max-width:36rem;
}

body.strategic-page .sr-intake__panel{
  align-self:center;
  border-color:rgba(255,255,255,0.16);
  background:linear-gradient(165deg,rgba(22,22,22,0.94) 0%,rgba(10,10,10,0.98) 100%);
  padding:clamp(var(--bh-space-4),3.6vw,var(--bh-space-5));
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.06);
}

body.strategic-page .sr-intake__panel-head{
  margin-bottom:var(--bh-space-4);
  padding-bottom:var(--bh-space-3);
  border-bottom-color:rgba(255,255,255,0.14);
}

body.strategic-page .sr-intake__panel-eyebrow{
  color:rgba(235,235,235,0.62);
  letter-spacing:0.14em;
}

body.strategic-page .sr-intake__panel-id{
  color:var(--bh-accent);
  font-weight:800;
}

body.strategic-page .sr-intake__mark{
  height:2px;
  background:linear-gradient(90deg,var(--bh-accent) 0%,var(--bh-accent) 36%,rgba(255,255,255,0.28) 36%,rgba(255,255,255,0.28) 100%);
}

/* -------------------------------------------------------------------------
   Responsive
   ------------------------------------------------------------------------- */
@media (max-width:960px){
  body.strategic-page .sr-intake__intro{
    padding-right:0;
    border-right:none;
    padding-bottom:var(--bh-space-4);
    border-bottom:var(--bh-hairline) solid rgba(255,255,255,0.1);
  }

  body.strategic-page .sr-intake__panel{
    align-self:stretch;
  }
}

@media (max-width:760px){
  body.strategic-page .sr-compare__col--strategic .sr-compare__items li::before{
    display:none;
  }
}