/* Four operating records, each with a distinct visual register and shared reading rules. */
body[class*="case--"] { --case-wash: #ede5d9; --case-accent: #874c38; --case-ink: #371f28; }
body.case--dialysis { --case-wash: #ece4d8; --case-accent: #8e4c39; }
body.case--claims { --case-wash: #e0e7e1; --case-accent: #30665a; --case-ink: #203f3c; }
body.case--pharmacy { --case-wash: #e9e0d5; --case-accent: #854c3a; }
body.case--behavioral { --case-wash: #e8e9dc; --case-accent: #61764b; --case-ink: #344135; }
body[class*="case--"] .page-hero {
  box-sizing: border-box;
  width: 100%;
  max-width: none;
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(290px, .9fr);
  gap: clamp(38px, 5.3vw, 90px);
  align-items: center;
  padding: 75px max(5vw, calc((100vw - 1460px) / 2)) 70px;
  background: var(--case-wash);
  color: var(--case-ink);
}
body[class*="case--"] .page-hero .art-hero-copy { min-width: 0; max-width: 850px; }
body[class*="case--"] .page-hero .eyebrow { color: var(--case-accent); letter-spacing: .13em; }
body[class*="case--"] .page-hero h1 { font: 400 clamp(55px, 5.5vw, 92px)/.99 var(--serif); letter-spacing: -.045em; margin: 22px 0 28px; }
body[class*="case--"] .page-hero .lead { max-width: 660px; font-size: clamp(17px, 1.55vw, 21px); line-height: 1.6; color: #544842; }
body[class*="case--"] .page-hero .role-line { font-size: 13px; line-height: 1.5; color: #66544b; }
body[class*="case--"] .page-hero .metrics { gap: clamp(13px, 2vw, 32px); margin: 43px 0 0; padding-top: 22px; border-color: #a99a90; }
body[class*="case--"] .page-hero .metrics > div { min-width: 0; }
body[class*="case--"] .page-hero .metrics dt { font-size: 13px; line-height: 1.5; color: #665750; }
body[class*="case--"] .page-hero .metrics dd { font: 400 clamp(31px, 3.1vw, 53px)/1 var(--serif); letter-spacing: -.045em; color: var(--case-accent); white-space: nowrap; }
body[class*="case--"] .page-hero .page-art { margin: 0; align-self: stretch; display: flex; flex-direction: column; justify-content: center; }
body[class*="case--"] .page-hero .page-art .art-open img { aspect-ratio: 1.25; height: min(55svh, 510px); width: 100%; object-fit: cover; }
body[class*="case--"] .page-hero .page-art figcaption { padding-top: 15px; border-top: 1px solid #a99a90; margin-top: 12px; color: #635850; }
body.case--dialysis .page-art .art-open img { object-position: 51% 50%; }
body.case--claims .page-art .art-open img { object-position: 46% 45%; }
body.case--pharmacy .page-art .art-open img { object-position: 48% 42%; }
body.case--behavioral .page-art .art-open img { object-position: 52% 48%; }
body.case--dialysis .page-hero .metrics { grid-template-columns: .86fr 1.24fr .9fr; }
body[class*="case--"] .essay-grid { padding-top: 85px; padding-bottom: 88px; }
body[class*="case--"] .essay-grid .eyebrow { color: var(--case-accent); }
body[class*="case--"] .essay-grid h2 { font-size: clamp(40px, 4vw, 62px); line-height: 1.05; letter-spacing: -.026em; }
body[class*="case--"] .essay-grid .large-copy { font-size: 19px; line-height: 1.75; }

/* Claims: a branching decision architecture with a cool analytical palette. */
body.case--claims .operating-exhibit { background: #203f3d; padding: clamp(33px, 4vw, 70px); }
body.case--claims .operating-exhibit .eyebrow { color: #c2d9c2; }
body.case--claims .operating-exhibit h3 { font-size: clamp(40px, 4.5vw, 70px); letter-spacing: -.04em; max-width: 850px; }
body.case--claims .operating-exhibit .flow { gap: 0; border-top: 1px solid #8da99d; border-bottom: 1px solid #8da99d; }
body.case--claims .operating-exhibit .flow li { border: 0; border-right: 1px solid #8da99d; padding: 26px 18px 30px; min-height: 145px; }
body.case--claims .operating-exhibit .flow li:last-child { border-right: 0; }
body.case--claims .operating-exhibit .flow li::after { display: none; }
body.case--claims .operating-exhibit .flow span { color: #bad9be; }
body.case--claims .operating-exhibit .flow strong { font: 400 clamp(19px, 1.7vw, 26px)/1.25 var(--serif); }
body.case--claims .feedback-line { border-top: 0; padding-top: 23px; }

/* Pharmacy: a sequenced, auditable operation from access through margin. */
body.case--pharmacy .operating-exhibit { background: #45242e; }
body.case--pharmacy .operating-exhibit .eyebrow, body.case--pharmacy .flow span { color: #ecbb94; }
body.case--pharmacy .operating-exhibit .flow li { border: 0; border-left: 1px solid #ba9180; padding-left: 20px; min-height: 150px; }
body.case--pharmacy .operating-exhibit .flow li::after { display: none; }
body.case--pharmacy .operating-exhibit .flow strong { font: 400 clamp(19px, 1.65vw, 26px)/1.3 var(--serif); }

/* Behavioral health: keep the capacity constraint legible at every handoff. */
body.case--behavioral .operating-exhibit { background: #32463a; }
body.case--behavioral .operating-exhibit .eyebrow, body.case--behavioral .flow span { color: #d1daba; }
body.case--behavioral .operating-exhibit .flow li { border-color: #96a287; border-radius: 100% / 45%; min-height: 140px; justify-content: center; text-align: center; }
body.case--behavioral .operating-exhibit .flow li::after { background: #32463a; color: #d1daba; }
body.case--behavioral .operating-exhibit .flow strong { font: 400 clamp(18px, 1.65vw, 25px)/1.25 var(--serif); }

/* The dialysis story carries its genuine before/after evidence through the page. */
body.case--dialysis .evidence-story { border-top: 1px solid #a38b7e; padding-top: 36px; }
body.case--dialysis .story-spine h2 { color: #4c2d30; }
body.case--dialysis .concentration-evidence { background: #dfe4d9; border-top: 3px solid #405e50; }
body.case--dialysis .concentration-values strong { color: #345f52; }

/* The ideas index promotes a small edited reading path before the full archive. */
.insight-index .insight-featured { grid-template-columns: 1.15fr .85fr; gap: 0 4vw; border-top: 1px solid var(--line); }
.insight-index .insight-featured > a { padding: 25px 0 28px; }
.insight-index .insight-featured > a:first-child { grid-row: 1 / 3; border: 0; padding-right: 5vw; border-right: 1px solid var(--line); }
.insight-index .insight-featured > a:first-child h2 { font-size: clamp(40px, 3.6vw, 57px); max-width: 600px; }
.insight-index .insight-featured > a:first-child p { max-width: 550px; }
.insight-index .insight-featured > a:nth-child(2) { border: 0; }
.insight-index .insight-featured > a:nth-child(3) { border-bottom: 1px solid var(--line); }
.insight-index .insight-row { transition: background .25s, padding .25s; }
.insight-index .insight-row:hover, .insight-index .insight-row:focus-visible { padding-left: 18px; background: #eae4d9; }

@media (max-width: 1060px) {
  body[class*="case--"] .page-hero { grid-template-columns: minmax(0, 1fr) minmax(250px, .72fr); gap: 30px; }
  body[class*="case--"] .page-hero h1 { font-size: clamp(50px, 6vw, 70px); }
  body[class*="case--"] .page-hero .metrics { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 760px) {
  body[class*="case--"] .page-hero { display: flex; flex-direction: column; align-items: stretch; padding: 72px 22px 38px; gap: 30px; }
  body[class*="case--"] .page-hero h1 { font-size: clamp(47px, 12vw, 70px); line-height: 1.02; }
  body[class*="case--"] .page-hero .lead { font-size: 17px; }
  body[class*="case--"] .page-hero .metrics { display: grid; grid-template-columns: 1fr; gap: 13px; margin-top: 30px; }
  body[class*="case--"] .page-hero .metrics > div { grid-column: auto; border-bottom: 1px solid #b6a9a0; padding: 0 0 15px; }
  body[class*="case--"] .page-hero .metrics dd { font-size: clamp(37px, 10vw, 54px); }
  body[class*="case--"] .page-hero .metrics > div:first-child { grid-column: auto; }
  body[class*="case--"] .page-hero .page-art .art-open img { aspect-ratio: 1.55; height: auto; max-height: 330px; }
  body.case--dialysis .page-hero .metrics { grid-template-columns: 1fr; }
  body[class*="case--"] .essay-grid { padding-top: 52px; padding-bottom: 54px; }
  body[class*="case--"] .essay-grid h2 { font-size: clamp(35px, 9vw, 53px); }
  body[class*="case--"] .essay-grid .large-copy { font-size: 17px; }
  body.case--claims .operating-exhibit .flow { display: grid; grid-template-columns: 1fr; }
  body.case--claims .operating-exhibit .flow li { display: flex; flex-direction: row; align-items: center; min-height: 62px; border-right: 0; border-bottom: 1px solid #8da99d; padding: 14px 8px; }
  body.case--claims .operating-exhibit .flow li:last-child { border-bottom: 0; }
  body.case--pharmacy .operating-exhibit .flow li { min-height: 60px; }
  body.case--behavioral .operating-exhibit .flow li { min-height: 74px; border-radius: 0; }
  .insight-index .insight-featured { display: block; }
  .insight-index .insight-featured > a:first-child { border-right: 0; border-bottom: 1px solid var(--line); padding-right: 0; }
  .insight-index .insight-featured > a:first-child h2 { font-size: 38px; }
}
@media (prefers-reduced-motion: reduce) { .insight-index .insight-row { transition: none; } }