/**
 * Strategic page — Production Revision
 * Scoped: body.strategic-page · load LAST on strategic.html (after strategic-phase9.css)
 *
 * Compresses mid-page rhythm, refines What Fragmentation Produces and the
 * Conventional vs Strategic comparison, and strengthens the process
 * architecture diagram. No layout, copy or section-order changes outside
 * these targeted bands.
 */

/* =========================================================================
   Mid-page spacing — compress ~25%
   ========================================================================= */
body.strategic-page{
  --sr-p9-mid-y:clamp(calc(var(--bh-unit) * 3),3.9vw,calc(var(--bh-unit) * 12.75));
  --sr-p9-mid-head:clamp(var(--bh-space-3),2.7vw,var(--bh-space-4));
}

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

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

/* =========================================================================
   What Fragmentation Produces — white · thin teal divider · bullets · no icons
   ========================================================================= */
body.strategic-page .sr-fragmentation{
  background:#fff;
  border-top:var(--bh-hairline) solid rgba(17,17,17,0.08);
  border-bottom:var(--bh-hairline) solid rgba(17,17,17,0.08);
}

body.strategic-page .sr-fragmentation__inner{
  max-width:36rem;
  padding-left:clamp(var(--bh-space-4),3.2vw,var(--bh-space-5));
  border-left:1px solid rgba(34,162,159,0.62);
}

body.strategic-page .sr-fragmentation__list{
  margin:clamp(var(--bh-space-3),2.2vw,var(--bh-space-4)) 0 0;
  padding:0 0 0 1.15em;
  list-style:disc;
}

body.strategic-page .sr-fragmentation__list li{
  padding:calc(var(--bh-space-1) + 1px) 0;
  border-top:none;
  font-size:var(--bh-text-md);
  line-height:1.52;
  color:var(--bh-ink-2);
}

body.strategic-page .sr-fragmentation__list li::before{
  display:none;
}

body.strategic-page .sr-fragmentation__list li::marker{
  color:rgba(34,162,159,0.72);
}

/* =========================================================================
   Directional process architecture — higher contrast · simplified labels
   ========================================================================= */
body.strategic-page .sr-flow{
  border-color:rgba(17,17,17,0.38);
}

body.strategic-page .sr-flow__chrome{
  border-bottom-color:rgba(17,17,17,0.28);
}

body.strategic-page .sr-flow__schema-id{
  display:none;
}

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

body.strategic-page .sr-flow__stage{
  border-color:rgba(17,17,17,0.4);
  border-width:1px;
}

body.strategic-page .sr-flow__stage--b{
  border-color:rgba(17,17,17,0.44);
  border-left-width:3px;
}

body.strategic-page .sr-flow__phase{
  font-size:9px;
  letter-spacing:0.12em;
  color:rgba(17,17,17,0.62);
}

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(1rem,1.05vw,1.0625rem);
  font-weight:600;
  line-height:1.32;
}

body.strategic-page .sr-flow__text{
  color:var(--bh-ink-2);
  line-height:1.5;
}

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

body.strategic-page .sr-flow__bridge-tag{
  font-size:9px;
  letter-spacing:0.1em;
  color:rgba(17,17,17,0.58);
}

body.strategic-page .sr-flow__glyph{
  display:none;
}

body.strategic-page .sr-methodology__deck{
  font-size:var(--bh-text-sm);
  color:var(--bh-ink-3);
}

/* =========================================================================
   Conventional Review vs Strategic Review — editorial two-column comparison
   ========================================================================= */
body.strategic-page .sr-compare{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:clamp(var(--bh-space-4),3.4vw,var(--bh-space-5));
  max-width:52rem;
  align-items:start;
}

body.strategic-page .sr-compare__col{
  background:transparent;
  border:none;
  box-shadow:none;
  padding:0;
}

body.strategic-page .sr-compare__col-head{
  margin-bottom:var(--bh-space-2);
  padding-bottom:calc(var(--bh-space-1) + 2px);
  font-size:10px;
  font-weight:700;
  letter-spacing:0.11em;
  text-transform:uppercase;
  border-bottom:var(--bh-hairline) solid rgba(17,17,17,0.14);
}

body.strategic-page .sr-compare__col--strategic .sr-compare__col-head{
  border-bottom-color:rgba(34,162,159,0.52);
}

body.strategic-page .sr-compare__col--conventional{
  padding-right:clamp(var(--bh-space-4),3.6vw,var(--bh-space-5));
  border-right:var(--bh-hairline) solid rgba(17,17,17,0.14);
}

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

body.strategic-page .sr-compare__items{
  margin:0;
  padding:0;
  list-style:none;
}

body.strategic-page .sr-compare__items li{
  padding:clamp(6px,1vw,10px) 0;
  min-height:0;
  display:block;
  border-bottom:var(--bh-hairline) solid rgba(17,17,17,0.08);
  font-size:var(--bh-text-md);
  line-height:1.48;
}

body.strategic-page .sr-compare__items li:last-child{
  border-bottom:none;
}

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

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

body.strategic-page .sr-compare__col--strategic .sr-compare__items li::before{
  display:none;
}

/* =========================================================================
   Responsive
   ========================================================================= */
@media (max-width:760px){
  body.strategic-page .sr-compare{
    grid-template-columns:1fr;
    gap:var(--bh-space-4);
  }

  body.strategic-page .sr-compare__col--conventional{
    padding-right:0;
    border-right:none;
    padding-bottom:var(--bh-space-3);
    border-bottom:var(--bh-hairline) solid rgba(17,17,17,0.12);
  }

  body.strategic-page .sr-compare__col--strategic{
    padding-left:0;
  }
}