/* Case study editorial typography — preview v1.
   Scope: all five Case Studies, excluding Home, Work and About.
   Keep body text and evidence diagrams at their current sizes. */

/* Primary case titles, approximately 48–52px on desktop. */
.case-his .hero h1,
.case-chat .hero h1,
.case-added .cp-hero h1,
html[lang="en"] .case-his .hero h1,
html[lang="en"] .case-chat .hero h1,
html[lang="en"] .case-added .cp-hero h1 {
  font-size:clamp(40px,4.15vw,52px);
  line-height:1.16;
  letter-spacing:-.035em;
  margin-top:18px;
  margin-bottom:18px;
}

/* TL;DR and section titles: compact, consistent with reading hierarchy. */
.case-his .content > section > h2,
.case-chat .sec > h2,
.case-added .cp-sec > h2,
html[lang="en"] .case-his .content > section > h2,
html[lang="en"] .case-chat .sec > h2,
html[lang="en"] .case-added .cp-sec > h2 {
  font-size:clamp(26px,2.3vw,31px);
  line-height:1.34;
  letter-spacing:-.025em;
  margin:12px 0 18px;
}

/* Decision titles — strong enough to scan, secondary to section headings. */
.case-his #clinical-his--decisions .decision > h3,
.case-chat .decision > h3,
.case-added .cp-decision > h3 {
  font-size:clamp(21px,1.85vw,24px);
  line-height:1.4;
  letter-spacing:-.015em;
}

/* Match the reduced title scale with a quieter vertical rhythm. */
.case-his .hero {padding:78px 0 61px;}
.case-chat .hero {padding:80px 0 63px;}
.case-added .cp-hero {padding:76px 0 47px;}
.case-his .content > section {padding:53px 0 61px;}
.case-chat .sec {padding:54px 0 62px;}
.case-added .cp-sec {padding-bottom:48px;margin-bottom:49px;}
.case-added .cp-summary {margin-top:23px;}

@media(max-width:860px){
  .case-his .hero {padding:61px 0 50px;}
  .case-chat .hero {padding:64px 0 52px;}
  .case-added .cp-hero {padding:62px 0 41px;}
}

/* A separate, intentionally calm type scale on phones. */
@media(max-width:700px){
  .case-his .hero h1,
  .case-chat .hero h1,
  .case-added .cp-hero h1,
  html[lang="en"] .case-his .hero h1,
  html[lang="en"] .case-chat .hero h1,
  html[lang="en"] .case-added .cp-hero h1 {
    font-size:clamp(32px,8vw,38px);
    line-height:1.2;
    letter-spacing:-.025em;
    margin:14px 0 15px;
  }

  .case-his .content > section > h2,
  .case-chat .sec > h2,
  .case-added .cp-sec > h2,
  html[lang="en"] .case-his .content > section > h2,
  html[lang="en"] .case-chat .sec > h2,
  html[lang="en"] .case-added .cp-sec > h2 {
    font-size:clamp(24px,5.7vw,27px);
    line-height:1.4;
    margin:11px 0 16px;
  }

  .case-his #clinical-his--decisions .decision > h3,
  .case-chat .decision > h3,
  .case-added .cp-decision > h3 {
    font-size:clamp(20px,4.8vw,22px);
    line-height:1.44;
  }

  .case-his .hero {padding:49px 0 41px;}
  .case-chat .hero {padding:51px 0 40px;}
  .case-added .cp-hero {padding:49px 0 32px;}
  .case-his .content > section {padding:43px 0 51px;}
  .case-chat .sec {padding:43px 0 50px;}
  .case-added .cp-sec {padding-bottom:37px;margin-bottom:39px;}
  .case-added .cp-summary {margin-top:20px;}
}

/* Case study emphasis/callout scale.
   These are supporting statements, not competing section headlines. */
.case-his .callout,
.case-chat .quote,
.case-added .cp-quote {
  font-size:clamp(19px,1.65vw,21px);
  font-weight:700;
  line-height:1.65;
  letter-spacing:0;
  margin:24px 0;
}
.case-his .callout,
.case-chat .quote {
  padding:16px 0 16px 20px;
}
.case-added .cp-quote {
  padding:17px 21px;
}
@media(max-width:700px){
  .case-his .callout,
  .case-chat .quote,
  .case-added .cp-quote {
    font-size:18px;
    line-height:1.65;
    margin:20px 0;
  }
  .case-his .callout,
  .case-chat .quote {
    padding:12px 0 12px 15px;
  }
  .case-added .cp-quote {
    padding:14px 16px;
  }
}

/* Decision index and category are now a separate editorial hierarchy.
   The section eyebrow ("07 / Key Decisions") remains the only blue label. */
.case-his #clinical-his--decisions .decision > .decision-heading,
.case-chat .decision > .decision-heading,
.case-added .cp-decision > .decision-heading {
  border-top:1px solid #dbe5ec;
  padding-top:19px;
  margin:0 0 20px;
}
.case-his #clinical-his--decisions .decision-heading .decision-meta,
.case-chat .decision-heading .decision-meta,
.case-added .cp-decision .decision-heading .decision-meta {
  display:flex;
  align-items:baseline;
  gap:9px;
  margin:0 0 7px;
}
.case-his #clinical-his--decisions .decision-heading .decision-index,
.case-chat .decision-heading .decision-index,
.case-added .cp-decision .decision-heading .decision-index {
  color:#315f80;
  font-size:16px;
  font-weight:750;
  line-height:1.5;
  letter-spacing:.01em;
  font-variant-numeric:tabular-nums;
}
.case-his #clinical-his--decisions .decision-heading .decision-category,
.case-chat .decision-heading .decision-category,
.case-added .cp-decision .decision-heading .decision-category {
  color:#596d7e;
  font-size:14px;
  font-weight:650;
  line-height:1.5;
  letter-spacing:.015em;
}
.case-his #clinical-his--decisions .decision-heading > h3,
.case-chat .decision-heading > h3,
.case-added .cp-decision .decision-heading > h3 {
  font-size:clamp(21px,1.85vw,24px);
  line-height:1.4;
  letter-spacing:-.015em;
  margin:0;
}
.case-his #clinical-his--decisions .decision-heading {margin-bottom:0;}
.case-his #clinical-his--decisions .decision-detail-list{margin-top:21px;}
@media(max-width:700px){
  .case-his #clinical-his--decisions .decision > .decision-heading,
  .case-chat .decision > .decision-heading,
  .case-added .cp-decision > .decision-heading {
    padding-top:15px;
    margin-bottom:17px;
  }
  .case-his #clinical-his--decisions .decision-heading .decision-meta,
  .case-chat .decision-heading .decision-meta,
  .case-added .cp-decision .decision-heading .decision-meta{
    gap:8px;
    margin-bottom:6px;
  }
  .case-his #clinical-his--decisions .decision-heading .decision-index,
  .case-chat .decision-heading .decision-index,
  .case-added .cp-decision .decision-heading .decision-index{font-size:14px;}
  .case-his #clinical-his--decisions .decision-heading .decision-category,
  .case-chat .decision-heading .decision-category,
  .case-added .cp-decision .decision-heading .decision-category{font-size:13px;}
  .case-his #clinical-his--decisions .decision-heading > h3,
  .case-chat .decision-heading > h3,
  .case-added .cp-decision .decision-heading > h3{font-size:clamp(20px,4.8vw,22px);line-height:1.44;}
  .case-his #clinical-his--decisions .decision-detail-list{margin-top:18px;}
}

/* Decision identifier + functional category; below the section heading in hierarchy. */
.case-his #clinical-his--decisions .decision-heading .decision-meta,
.case-chat .decision-heading .decision-meta,
.case-added .cp-decision .decision-heading .decision-meta{
  gap:5px;
  margin-bottom:8px;
}
.case-his #clinical-his--decisions .decision-heading .decision-index,
.case-chat .decision-heading .decision-index,
.case-added .cp-decision .decision-heading .decision-index{
  font-size:15px;
  font-weight:600;
  line-height:1.5;
  letter-spacing:.015em;
  color:#496981;
  white-space:nowrap;
}
.case-his #clinical-his--decisions .decision-heading .decision-separator,
.case-chat .decision-heading .decision-separator,
.case-added .cp-decision .decision-heading .decision-separator{
  font-size:14px;
  line-height:1.5;
  color:#92a7b7;
}
.case-his #clinical-his--decisions .decision-heading .decision-category,
.case-chat .decision-heading .decision-category,
.case-added .cp-decision .decision-heading .decision-category{
  font-size:14px;
  font-weight:600;
}
.case-his #clinical-his--decisions .decision-heading > h3,
.case-chat .decision-heading > h3,
.case-added .cp-decision .decision-heading > h3{
  font-size:24px;
  font-weight:750;
}
@media(max-width:700px){
  .case-his #clinical-his--decisions .decision-heading .decision-meta,
  .case-chat .decision-heading .decision-meta,
  .case-added .cp-decision .decision-heading .decision-meta{gap:4px;margin-bottom:7px;}
  .case-his #clinical-his--decisions .decision-heading .decision-index,
  .case-chat .decision-heading .decision-index,
  .case-added .cp-decision .decision-heading .decision-index{font-size:14px;}
  .case-his #clinical-his--decisions .decision-heading .decision-category,
  .case-chat .decision-heading .decision-category,
  .case-added .cp-decision .decision-heading .decision-category{font-size:13px;}
  .case-his #clinical-his--decisions .decision-heading > h3,
  .case-chat .decision-heading > h3,
  .case-added .cp-decision .decision-heading > h3{font-size:clamp(20px,4.8vw,22px);}
}