/* The case study page (/case-study/), layered on home.css and doc.css. */
.case-head .meta { margin-top:26px; display:flex; flex-wrap:wrap; gap:8px 22px; font-family:var(--mono); font-size:12px; letter-spacing:.12em; text-transform:uppercase; color:var(--on-dark-2); }
.case-head .meta b { color:var(--teal); font-weight:500; }
.case-wide { max-width:calc(900px + 2 * clamp(20px,4vw,40px)); }
.case-body { max-width:900px; }
.case-body .headline { font-size:19px; line-height:1.6; color:var(--ink); }
.case-body .headline strong { font-weight:600; }
.case-body .tbl table td.num { text-align:right; font-family:var(--mono); font-size:14px; white-space:nowrap; color:var(--ink); }
.case-body .tbl table th.num { text-align:right; }
.case-body .note { font-size:15px; color:var(--muted); }
.findings { display:grid; gap:28px; margin-top:1.4em; }
.finding { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,1fr); gap:28px; align-items:start; }
.finding .why { border-left:2px solid var(--teal-deep); padding-left:18px; }
.finding .why h3 { margin:0; font-family:var(--mono); font-size:11.5px; font-weight:500; letter-spacing:.14em; text-transform:uppercase; color:var(--teal-deep); }
.finding .why p { margin-top:6px; font-size:15.5px; }
.finding > p strong { color:var(--ink); }
.case-cta { margin-top:2.4em; background:var(--navy); color:var(--on-dark-2); border-radius:12px; padding:28px; }
.case-cta h2 { color:#fff; border:0; padding:0; margin:0; font-size:24px; }
.case-cta p { margin-top:10px; color:var(--on-dark-2); }
.case-cta .btn { margin-top:20px; color:var(--navy); text-decoration:none; }
@media (max-width:760px) { .finding { grid-template-columns:1fr; gap:12px; } }
.doc-head .inner.case-wide { max-width:calc(900px + 2 * clamp(20px,4vw,40px)); }