/* Career Reset public v1.1.1 — design-fidelity repair, 14 September 2026.
   Bounded corrective layer only: compass geometry, methodology hierarchy,
   FAQ restoration, legibility and access-form friction. */

/* 1) Hero compass: numbered nodes must sit clearly OUTSIDE the outer ring,
   with visible negative space rather than appearing attached to the circle. */
@media (min-width:761px){
  .compass-rings{
    inset:10% !important;
    width:80% !important;
    height:80% !important;
  }
  .compass-stage{gap:14px !important;}
  .stage-1{left:-7% !important;top:7% !important;translate:-14px -14px;}
  .stage-2{right:-7% !important;top:7% !important;translate:14px -14px;}
  .stage-3{right:-15% !important;top:42% !important;translate:18px 0;}
  .stage-4{right:-7% !important;bottom:7% !important;translate:14px 14px;}
  .stage-5{left:-7% !important;bottom:7% !important;translate:-14px 14px;}
  .stage-6{left:-15% !important;top:42% !important;translate:-18px 0;}
  .stage-number{
    border-color:rgba(214,183,123,.9) !important;
    box-shadow:0 10px 28px rgba(8,4,7,.26),0 0 0 4px rgba(33,21,31,.72) !important;
  }
}

/* Tablet keeps the detached nodes but shortens only the two horizontal labels
   so their outward text does not leave the viewport. */
@media (min-width:761px) and (max-width:900px){
  .stage-3 b,.stage-6 b{
    max-width:112px !important;
    padding-left:7px !important;
    padding-right:7px !important;
    font-size:.64rem !important;
  }
  .stage-3 b{transform:translateX(-6px);}
  .stage-6 b{transform:translateX(6px);}
}

/* 2) Observe / Reflect / Act is an operating principle, not a second framework. */
.philosophy-principle{
  background:#2d1b29 !important;
  color:#f8f0e7;
  padding-top:58px !important;
  padding-bottom:58px !important;
}
.philosophy-principle-inner{
  width:min(100%,1260px);
  margin-inline:auto;
}
.philosophy-principle-row{
  display:grid;
  grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);
  gap:54px;
  align-items:center;
}
.philosophy-principle-row h2{
  margin:0;
  color:#fff8ef;
  font-size:clamp(2.35rem,3.7vw,4rem);
  line-height:.98;
}
.philosophy-principle-row p{
  margin:0;
  color:#f0e5eb;
  font-size:clamp(1rem,1.18vw,1.12rem);
  line-height:1.75;
}
.philosophy-principle-row strong{
  color:#e7cc97;
  font-size:.86em;
  letter-spacing:.07em;
  text-transform:uppercase;
}
.philosophy-principle-row p span{
  display:inline-block;
  padding:0 .45em;
  color:#bca77f;
}

/* 3) Restored FAQ stays four questions, two columns on larger screens. */
.faq-grid-v11{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}

/* 4) Important explanatory copy should not read like fine print. */
.preview-intro > p,
.journey-heading > p,
.care-heading > p,
.evidence-section .lede,
.evidence-note p,
.narrative-section .prose,
.privacy-trust-section p,
.faq-item p,
.free-copy,
.access-heading > p,
.what-next{
  font-size:clamp(1rem,1.05vw,1.1rem);
  line-height:1.66;
}
.optional-label{
  color:#756871;
  font-size:.84em;
  font-weight:500;
}

@media (max-width:900px){
  .philosophy-principle-row{
    grid-template-columns:1fr;
    gap:16px;
  }
}

@media (max-width:760px){
  .philosophy-principle{
    padding-top:46px !important;
    padding-bottom:46px !important;
  }
  .philosophy-principle-row p span{padding:0 .28em;}
  .faq-grid-v11{grid-template-columns:1fr !important;}
}

@media (max-width:420px){
  .hero .lede{
    font-size:1rem !important;
    line-height:1.52 !important;
  }
  .hero-facts dd{
    font-size:.86rem !important;
    line-height:1.42 !important;
  }
  .hero-facts{gap:9px !important;}
  .hero .actions{margin-top:18px !important;}
}