/* GENERATED by build/ppc-el/make_css.py - do not edit on the server. Source: build/ppc/ppc.css */
/* Addiction Treatment PPC: page level adjustments only. Every component here already exists in the
   system: the console, the closeband, the stat strip, the fact board and deck, the index selector, the
   service grid, the register, the testimonial grid, the accordion and the CTA band.

   Two CTAs ship on this page per the ATM silo convention, so the hero and the final band both carry a
   gold primary beside a ghost secondary. */

/* ---------- 01 hero ---------- */
.bhp-ppc.chero .paths{display:flex;gap:16px;flex-wrap:wrap;align-items:center}
.bhp-ppc.chero .paths .btn{flex:0 0 auto}
.bhp-ppc .cta-core .paths.mid{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;
  margin-top:clamp(22px,3vh,28px)}
.bhp-ppc.chero .tag .ln{white-space:normal}
/* "61%" is short enough for the ring at the shared size; the caption is the part that needs room */
.bhp-ppc .ec-fig small{max-width:88px}

/* ---------- 02 the answer column, head inside so both columns start together ---------- */
.bhp-ppc .a2 .erow{align-items:stretch}
.bhp-ppc .lead-col{display:flex;flex-direction:column;justify-content:flex-start}
.bhp-ppc .lead-col p{font-size:20px!important;line-height:1.7;color:var(--navy);max-width:46ch}

/* ---------- the head sits inside the copy column wherever a device stands beside it ---------- */
.bhp-ppc .erow.topalign{align-items:stretch;margin-top:0}
.bhp-ppc .erow.topalign .ecol .shead{margin-bottom:clamp(14px,1.8vh,18px)}
.bhp-ppc .erow.topalign .ecol > p:first-of-type{margin-top:0}
.bhp-ppc .a2 .erow.topalign + .closeband{margin-top:clamp(28px,3.4vh,38px)}

/* ---------- the in-copy link that closes a column stands on its own line ---------- */
.bhp-ppc .ecol p.moat{margin-top:auto;padding-top:clamp(14px,2vh,20px)}

/* ---------- 04 and 05 the figure strips ----------
   The strip was built for the deep navy band, so on a white section its label and rules were nearly
   invisible. Both are restated for a light surface here. */
.bhp-ppc.sec-white .statrow .lstat p,.bhp-ppc.sec-cream .statrow .lstat p{color:var(--on-light-2)!important}
.bhp-ppc.sec-white .statrow .lstat,.bhp-ppc.sec-cream .statrow .lstat{border-color:var(--line-light)}
.bhp-ppc.sec-white .statrow,.bhp-ppc.sec-cream .statrow{border-color:var(--line-light)}
.bhp-ppc .a4 .statrow.four{display:grid;grid-template-columns:repeat(4,1fr)}
.bhp-ppc .a5 .statrow.three{display:grid;grid-template-columns:repeat(3,1fr)}
.bhp-ppc .statrow .lstat .fig{font-size:clamp(26px,2.6vw,38px)}
@media (max-width:900px){
  .bhp-ppc .a4 .statrow.four{grid-template-columns:repeat(2,1fr)}
  .bhp-ppc .a5 .statrow.three{grid-template-columns:1fr}
}
@media (max-width:560px){.bhp-ppc .a4 .statrow.four{grid-template-columns:1fr}}

/* ---------- 14 the testimonial pair ----------
   The page inherited .tgrid and .tcard from another context, where they were half-width and unpadded.
   Restated here as the system's card: gold top rule, generous measure, attribution on its own hairline. */
.bhp-ppc .tgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(18px,2vw,26px);
  margin-top:clamp(24px,3vh,32px);width:100%;max-width:none}
.bhp-ppc .tcard{position:relative;display:flex;flex-direction:column;margin:0;padding:clamp(26px,3.2vh,34px)
  clamp(24px,2.4vw,32px);border-radius:14px;background:var(--field-cream);border:1px solid var(--line-light);
  overflow:hidden;transition:transform .22s ease,box-shadow .22s ease}
.bhp-ppc .tcard:hover{transform:translateY(-3px);box-shadow:0 22px 50px rgba(23,29,58,.1)}
.bhp-ppc .tcard blockquote{margin:0}
.bhp-ppc .tcard blockquote p{margin:0;font-family:var(--disp);font-weight:500;font-style:italic;
  font-size:clamp(17px,1.5vw,20px);line-height:1.55;color:var(--navy);max-width:46ch}
.bhp-ppc .tcard figcaption{margin-top:auto;padding-top:clamp(16px,2.2vh,22px);
  border-top:1px solid var(--line-light);font-family:var(--body);font-size:12.5px;font-weight:500;
  letter-spacing:.1em;text-transform:uppercase;color:var(--gold-deep);line-height:1.5}
.bhp-ppc .tcard figcaption{margin-top:clamp(18px,2.4vh,24px)}
@media (max-width:820px){.bhp-ppc .tgrid{grid-template-columns:1fr}}

/* ---------- 15 the team cards read as people, not services ---------- */
.bhp-ppc .pcard{display:flex;flex-direction:column;gap:0;padding:clamp(24px,2.8vh,30px) clamp(22px,2.2vw,28px);
  border-radius:14px;background:#fff;border:1px solid var(--line-light);position:relative;overflow:hidden;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.bhp-ppc .pcard:hover{transform:translateY(-3px);box-shadow:0 22px 50px rgba(23,29,58,.1);
  border-color:rgba(255,176,0,.5)}
.bhp-ppc .pcard h3{margin:10px 0 0;font-family:var(--disp);font-weight:600;font-size:clamp(19px,1.6vw,22px);
  line-height:1.24;letter-spacing:-.02em;color:var(--navy)}
.bhp-ppc .pcard p{margin:10px 0 0;font-size:15px;line-height:1.75;color:var(--on-light-2)}

/* the proof band is deep navy, so its closing line takes the dark surface colour */
.bhp-ppc.sec-deep .secfollow,.bhp-ppc.sec-deep .secfollow p{color:var(--on-dark-2)}

/* ---------- 17 the note under the final CTA ---------- */
.bhp-ppc .ctanote{margin:clamp(16px,2.2vh,22px) 0 0;font-family:var(--body);font-size:14px;
  letter-spacing:.04em;color:var(--on-dark-3);text-align:center}

/* a row that follows another block keeps its own spacing: the shared rule zeroes it */
.bhp-ppc .statrow + .erow,.bhp-ppc .register + .erow,.bhp-ppc .svcgrid + .secfollow{margin-top:clamp(28px,3.4vh,38px)}

/* ==========================================================================
   2026-09-04: the gold accent is the card's own top edge.

   It used to be an absolutely positioned 3px bar. A bar cannot follow a 14px
   corner: clipped it ends in a stub, unclipped it hangs over the arc, and both
   read as a strip stuck on top of the card. A border does follow the radius,
   exactly, at every corner and every zoom level. The hover still answers: the
   edge goes from the resting gold to full gold.
   ========================================================================== */


/* ---------- Elementor parity for this page ---------- */
.bhp-ppc .paths .elementor-widget-button{width:auto;flex:0 0 auto}
.bhp-ppc .paths{display:flex}
.bhp-ppc .shead.e-con{margin-block-end:20px!important}
/* the head-to-first-block gap is the head's own margin; a row that follows another block keeps its space */
.bhp-ppc .shead + .erow.e-con,.bhp-ppc .shead + .statrow.e-con,.bhp-ppc .shead + .prail.e-con,
.bhp-ppc .shead + .flow.e-con,.bhp-ppc .shead + .svcgrid.e-con,
.bhp-ppc .shead + .svcgrid.three.e-con,.bhp-ppc .shead + .statrow.e-con,
.bhp-ppc .shead + .isel.e-con,.bhp-ppc .shead + .tgrid.e-con,
.bhp-ppc .shead + .elementor-widget-bhp_index_selector{margin-block-start:0!important}
.bhp-ppc .erow.e-con{margin-block-start:clamp(28px,3.4vh,38px)!important}
/* the author headshot matches the other pages exactly: 56 by 70 on a 12px corner */
.bhp-ppc .author .abox img{width:56px;height:70px;border-radius:12px;object-fit:cover}
.bhp-ppc .author .abox .elementor-widget-image{width:auto;flex:0 0 auto}
/* the shared text-editor rule outranks Elementor's own per widget CSS for these two, so both are
   stated here: the closing link line and the note under the final CTA */
.bhp-ppc .ecol .moat p,.bhp-ppc .ecol .moat p a{font-size:15px;line-height:24.3px}
.bhp-ppc .ctanote p{color:rgba(247,242,231,.56)!important;font-size:14px;line-height:1.62}
/* 04 and 05 the figure strips */
.bhp-ppc .statrow.four.e-con{display:grid!important;grid-template-columns:repeat(4,1fr)!important}
.bhp-ppc .statrow.three.e-con{display:grid!important;grid-template-columns:repeat(3,1fr)!important}
.bhp-ppc .sec-white .statrow .lstat .elementor-widget-text-editor p,
.bhp-ppc .sec-cream .statrow .lstat .elementor-widget-text-editor p{color:var(--on-light-2)!important}
.bhp-ppc .sec-white .statrow .lstat.e-con,.bhp-ppc .sec-cream .statrow .lstat.e-con{border-color:var(--line-light)}
/* 09 and 15 the three card grids */
.bhp-ppc .svcgrid.three.e-con{display:grid!important;grid-template-columns:repeat(3,1fr)!important}
/* 14 the testimonial pair */
.bhp-ppc .tgrid.e-con{display:grid!important;grid-template-columns:repeat(2,1fr)!important}
.bhp-ppc .tcard .tq p{font-family:var(--disp);font-weight:500;font-style:italic;max-width:46ch}
/* 02: the row is the section's first block, so it carries no top margin of its own */
.bhp-ppc .a2 .erow.e-con{margin-block-start:0!important}
/* the head sits inside the copy column wherever a device stands beside it, so the device's top edge
   lines up with the headline instead of starting below it */
.bhp-ppc .erow.topalign.e-con{margin-block-start:0!important}
.bhp-ppc .erow.topalign .ecol .shead.e-con{margin-block-end:16px!important}
.bhp-ppc .svcledger.e-con{display:flex}
.bhp-ppc .svcrow.e-con{align-items:start}
.bhp-ppc .svcname .elementor-heading-title{color:var(--navy)}
.bhp-ppc .svcrow:hover .svcname h3.elementor-heading-title{color:var(--gold-deep)}
.bhp-ppc .svctext .elementor-widget-text-editor p{max-width:66ch}
/* 06 the funding band runs three figures */
.bhp-ppc .statrow.three.e-con{display:grid!important;grid-template-columns:repeat(3,1fr)!important}
.bhp-ppc .a6 .statrow .lstat .fig .elementor-heading-title{font-size:clamp(26px,2.4vw,34px)}
/* 02 the covers panel */
.bhp-ppc .verdict.e-con{align-self:stretch;border-radius:14px;overflow:hidden;position:relative;
  padding:clamp(22px,2.8vh,28px) clamp(20px,2vw,26px);background:var(--field-navy);
  box-shadow:0 24px 60px rgba(23,29,58,.2)}
.bhp-ppc .verdict.e-con::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(60% 60% at 100% 0%,rgba(255,176,0,.16),rgba(255,176,0,0) 70%)}
.bhp-ppc .verdict .vrow.e-con{position:relative}
.bhp-ppc .lead-col .elementor-widget-text-editor p{font-size:20px;line-height:1.7;max-width:46ch}
.bhp-ppc .a2 .shead.e-con{margin-block-end:16px!important}
/* 08 the three models */
.bhp-ppc .svcgrid.three.e-con{display:grid!important;grid-template-columns:repeat(3,1fr)!important}
.bhp-ppc .svcgrid.two .svc.e-con{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.bhp-ppc .svcgrid.two .svc.e-con:hover{transform:translateY(-3px);
  box-shadow:0 22px 54px rgba(23,29,58,.12);border-color:rgba(255,176,0,.45)}
.bhp-ppc .secfollow p{max-width:92ch}
/* 06 the record */
.bhp-ppc .statrow.four.e-con{display:grid!important;grid-template-columns:repeat(4,1fr)!important}
.bhp-ppc .statrow .lstat .fig .elementor-heading-title{color:var(--gold)!important}
/* 08 the process rail */
.bhp-ppc .prail.e-con{position:relative;padding:0}
.bhp-ppc .prow.e-con{position:relative}
.bhp-ppc .prow.e-con:not(.last)::before{content:"";position:absolute;left:21px;top:38px;bottom:-6px;
  width:2px;background:linear-gradient(180deg,rgba(255,176,0,.55),rgba(255,176,0,.3))}
.bhp-ppc .pnodewrap.e-con{position:relative;z-index:1;flex:0 0 44px}
.bhp-ppc .pnode .elementor-heading-title{display:inline-flex;align-items:center;justify-content:center;
  width:44px;height:44px;border-radius:50%;background:#fff;border:1.5px solid rgba(255,176,0,.55);
  color:var(--gold-deep);box-shadow:0 0 0 6px var(--cream);
  transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease}
.bhp-ppc .pbody.e-con{padding:clamp(16px,2vh,20px) clamp(20px,2vw,26px);border-radius:14px;
  background:var(--field-cream);border:1px solid var(--line-light);
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.bhp-ppc .pbody .elementor-widget-text-editor p{max-width:78ch}
.bhp-ppc .prow.e-con:hover .pnode .elementor-heading-title{background:var(--gold);border-color:var(--gold);
  color:var(--navy);transform:scale(1.06)}
.bhp-ppc .prow.e-con:hover .pbody.e-con{transform:translateX(4px);box-shadow:0 18px 44px rgba(23,29,58,.1);
  border-color:rgba(255,176,0,.45)}
.bhp-ppc .prow.last .pnode .elementor-heading-title{background:var(--gold);border-color:var(--gold);
  color:var(--navy)}
.bhp-ppc .prow.last .pbody.e-con{border-color:rgba(255,176,0,.45)}
/* 07 the cost band runs three figures */
.bhp-ppc .statrow.three.e-con{display:grid!important;grid-template-columns:repeat(3,1fr)!important}
.bhp-ppc .a7 .statrow .lstat .fig .elementor-heading-title{font-size:clamp(26px,2.4vw,34px)}
/* 05 and 06 the subheads inside the copy column */
.bhp-ppc .sec-white .subh .elementor-heading-title,
.bhp-ppc .sec-cream .subh .elementor-heading-title{color:var(--navy)}
/* 11 the four stage flow */
.bhp-ppc .flow.four.e-con{display:grid!important;grid-template-columns:repeat(4,1fr)!important}
.bhp-ppc .fstage.e-con{position:relative;padding:clamp(24px,3vh,30px) clamp(22px,2.2vw,28px);
  border-radius:14px;background:#fff;border:1px solid var(--line-light);
  box-shadow:0 14px 40px rgba(23,29,58,.06)}
/* the step card's gold edge is a border now, stated once in bhp-fes-el.css, so the old
   pseudo-element bar is gone from every page rather than redrawn on each one */
/* the vertical band label wraps instead of setting the band height */
.bhp-ppc .closeband .ck .elementor-heading-title{writing-mode:vertical-rl;transform:rotate(180deg);
  max-height:110px;white-space:normal;line-height:1.35}
.bhp-ppc .closeband.e-con{width:auto}
/* 12 the dual author box */
.bhp-ppc .author.dual.e-con{display:grid!important;grid-template-columns:1fr 1fr!important;
  align-items:start!important;max-width:920px;margin-inline:auto}
.bhp-ppc .author.dual > .elementor-widget-heading{grid-column:1 / -1;justify-self:center;padding-top:8px}
.bhp-ppc .author.dual .abox img{width:56px!important;height:70px;object-fit:cover;object-position:50% 20%;
  border-radius:12px}
/* custom widget buttons never inherit the theme's link colour */
.bhp-ppc .econ button{color:#fff}
@media (max-width:1100px){
  .bhp-ppc .flow.four.e-con{grid-template-columns:repeat(2,1fr)!important}
}
@media (max-width:900px){
  .bhp-ppc .svcgrid.two.e-con{grid-template-columns:1fr!important}
  .bhp-ppc .pnodewrap.e-con{flex:0 0 36px}
  .bhp-ppc .pnode .elementor-heading-title{width:36px;height:36px;font-size:16px;
    box-shadow:0 0 0 5px var(--cream)}
  .bhp-ppc .prow.e-con:not(.last)::before{left:17px;top:32px}
  .bhp-ppc .author.dual.e-con{grid-template-columns:1fr!important}
}
@media (max-width:900px){
  .bhp-ppc .statrow.four.e-con{grid-template-columns:repeat(2,1fr)!important}
  .bhp-ppc .statrow.three.e-con{grid-template-columns:1fr!important}
  .bhp-ppc .tgrid.e-con{grid-template-columns:1fr!important}
}
@media (max-width:700px){
  .bhp-ppc .svcgrid.three.e-con{grid-template-columns:1fr!important}
  .bhp-ppc .statrow.three.e-con{grid-template-columns:1fr!important}
  .bhp-ppc .statrow.four.e-con{grid-template-columns:1fr!important}
  .bhp-ppc .flow.four.e-con{grid-template-columns:1fr!important}
}