/* V24: clearer evidence hierarchy, concealed keyword index and chapter contrast. */

/* Shared heading and number rhythm; inverse surfaces distinguish the two proofs. */
.evidence-section .proof-overview{
  display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch;
  gap:16px;margin-top:32px;padding-top:0;border:0;
}
.proof-company,.proof-rank{
  min-width:0;max-width:none;width:100%;margin:0;padding:24px;border:0;container-type:inline-size;
}
.proof-company{background:var(--ink);color:#fff}
.proof-rank{background:#fff;color:var(--ink)}
.proof-panel-title{
  margin:0 0 24px;padding:0 0 16px;border-bottom:1px solid #c5d3df;
  font-family:var(--gothic);font-size:clamp(17px,6.2cqw,23px);
  font-weight:700;line-height:1.6;letter-spacing:-.035em;
}
.proof-company .proof-panel-title{border-color:#ffffff45}
.proof-company-numbers{
  display:grid;grid-template-columns:minmax(0,1fr);gap:24px;
  max-width:none;align-items:start;
}
.proof-total>p,.proof-years>p,.rank-main dt,.rank-sub dt{
  font-size:14px;font-weight:600;line-height:1.6;margin:0 0 8px;
}
.proof-total>div,.proof-years>div,.rank-main dd,.rank-sub dd{gap:6px;line-height:1.05}
.proof-total strong,.rank-main strong{
  font-size:clamp(62px,29cqw,110px);font-weight:400;line-height:1.05;
}
.proof-total>div>span,.rank-main dd>span{font-size:22px}
.proof-years{padding:0;border:0}
.proof-years strong{font-size:clamp(46px,20cqw,64px);line-height:1.05}
.proof-years>div>span{font-size:20px}
.proof-rank .rank-main strong{color:#106778}
.proof-rank .rank-sub{gap:16px;margin-top:24px}
.proof-rank .rank-sub>dl{min-width:0}
.proof-rank .rank-sub>dl+dl{padding-left:16px;border-color:var(--line)}
.proof-rank .rank-sub strong{font-size:clamp(29px,13.8cqw,52px);line-height:1.1}
.proof-rank .rank-sub dd{gap:3px;white-space:nowrap}
.proof-rank .rank-sub dd>span{font-size:12px}

/* Native details: nothing from the keyword examples is exposed until expanded. */
.evidence-section .keyword-showcase{margin-top:20px;padding-top:0;border:0}
.keyword-more{background:#fff;border:1px solid var(--ink)}
.keyword-more summary{min-height:72px;padding:18px 20px;font-size:14px;line-height:1.7;gap:12px}
.keyword-more summary:hover{background:#f3f8fa}
.keyword-more summary:focus-visible{outline-offset:4px}
.keyword-more[open]>summary{border-bottom:1px solid var(--line)}
.keyword-groups{padding:24px 20px 28px;gap:28px}
.keyword-groups>div{min-width:0}
.keyword-groups>div>p{color:var(--muted);font-size:12px;font-weight:600;margin-bottom:12px}
.keyword-groups ul{display:flex;flex-wrap:wrap;gap:12px 20px}
.keyword-groups li{font-size:20px;font-weight:600;line-height:1.6;overflow-wrap:anywhere}

/* A metric's label is part of its result, never a caption over the image. */
.case-stat{background:#fff}
.case-stat .metric-label{
  display:inline-block;max-width:100%;padding:10px 14px;
  background:var(--ink);color:#fff;
  font-family:var(--gothic);font-size:clamp(20px,5.7vw,24px);
  font-weight:700;line-height:1.5;letter-spacing:-.025em;
}
.case-stat .result-number{margin-top:18px}
.case-story+.case-story{border-top:12px solid var(--surface)}
.case-story .case-actions{background:#fff}

/* Chapter boundaries belong between content sections, not at photograph edges. */
.evidence-cases{border-top:4px solid var(--ink)}
.diagnosis{background:#e1f2f4;border-top:4px solid var(--aqua)}
.flow-section{border-top:4px solid #c5d3df}
.faq{background:var(--ink);color:#fff;border-top:4px solid #197d90}
.faq .section-kicker{color:var(--aqua)}
.faq details,.faq details:last-child{border-color:#ffffff38}
.faq summary{color:#fff}
.faq summary .details-symbol{color:var(--aqua)}
.faq details>p{color:#d8e5ef}
.faq summary:focus-visible{outline-color:var(--aqua)}
.contact-section{border-top:4px solid var(--aqua)}

@media(max-width:959.98px){
  .case-story .case-story-photo{
    position:relative;inset:auto;height:var(--photo-height);width:100%;z-index:0;
  }
  .case-story-content{padding-top:24px}
}

@media(min-width:650px) and (max-width:959.98px){
  .proof-content{max-width:720px}
  .proof-company,.proof-rank{padding:32px}
  .proof-company-numbers{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:end}
  .proof-panel-title{font-size:23px}
  .proof-total strong,.rank-main strong{font-size:96px}
  .proof-years{border-left:1px solid #ffffff45;padding-left:24px}
  .keyword-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
  .case-stat .metric-label{font-size:20px;padding:10px 12px}
}

@media(min-width:960px){
  .evidence-section .proof-overview{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:44px}
  .proof-company,.proof-rank{padding:clamp(28px,3vw,40px)}
  .proof-panel-title{font-size:clamp(20px,1.75vw,25px);margin-bottom:28px;padding-bottom:20px}
  .proof-company-numbers{gap:28px}
  .proof-total>p,.proof-years>p,.rank-main dt,.rank-sub dt{font-size:16px}
  .proof-years strong{font-size:64px}
  .proof-rank .rank-sub{margin-top:28px;gap:24px}
  .proof-rank .rank-sub>dl+dl{padding-left:24px}
  .proof-rank .rank-sub dd>span{font-size:15px}
  .keyword-more summary{font-size:18px;padding:22px 32px;min-height:82px}
  .keyword-groups{grid-template-columns:repeat(3,minmax(0,1fr));padding:32px;gap:36px 32px}
  .keyword-groups>div+div{border:0;padding-left:0}
  .keyword-groups>div>p{font-size:14px}
  .keyword-groups li{font-size:22px}
  .case-stat .metric-label{font-size:26px;padding:12px 18px}
  .case-story+.case-story{border-top-width:20px}
  .case-story-content{padding-top:160px}
}

@media(max-width:359px){
  .proof-company,.proof-rank{padding:20px}
  .proof-panel-title{font-size:16px}
  .proof-rank .rank-sub{gap:12px}
  .proof-rank .rank-sub>dl+dl{padding-left:12px}
  .proof-rank .rank-sub dt{font-size:12px}
  .keyword-more summary{padding-inline:16px;font-size:12px}
  .keyword-groups{padding-inline:16px}
  .keyword-groups li{font-size:18px}
  .case-stat .metric-label{font-size:20px}
}
