/* Case studies: index cards and the single case page. Uses the site tokens, so both themes follow. */
.case-hero{padding-bottom:30px}
.case-hero h1{max-width:900px}
.case-figures{list-style:none;padding:0;margin:0 0 62px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}
.case-figures li{background:var(--s-panel);border:1px solid var(--s-line);border-radius:18px;padding:22px;display:flex;flex-direction:column;gap:8px;min-width:0}
.case-figures strong{font-size:clamp(30px,3.4vw,42px);line-height:1.05;letter-spacing:-.04em;font-weight:650;color:var(--s-green)}
.case-figures span{font-size:14px;line-height:1.55;color:var(--s-ink)}
.case-figures small{font-size:12px;color:var(--s-muted);margin-top:auto}
.case-compare{display:grid;grid-template-columns:1fr 1fr;gap:17px}
.case-panel{background:var(--s-panel);border:1px solid var(--s-line);border-radius:18px;padding:25px}
.case-panel--after{background:var(--s-soft);border-color:#29bba74d}
.case-panel .eyebrow{margin-bottom:12px}
.case-panel p:not(.eyebrow){font-size:16px;line-height:1.7;color:var(--s-ink)}
.case-section h2{margin-bottom:22px;max-width:720px}
.case-timeline{list-style:none;padding:0;margin:0;counter-reset:case;max-width:760px;border-top:1px solid var(--s-line)}
.case-timeline li{counter-increment:case;display:grid;grid-template-columns:42px 1fr;gap:12px;padding:17px 0;border-bottom:1px solid var(--s-line);font-size:16px;line-height:1.7;color:var(--s-ink)}
.case-timeline li:before{content:counter(case,decimal-leading-zero);font-size:13px;color:var(--s-accent);padding-top:3px}
.case-measure{font-size:13px;line-height:1.75;color:var(--s-muted);max-width:760px;margin-top:20px}
.case-quote{margin:26px 0 0;max-width:760px;padding:22px 25px;border-left:3px solid var(--s-green);background:var(--s-soft);border-radius:0 14px 14px 0}
.case-quote blockquote{margin:0}
.case-quote blockquote p{font-size:20px;line-height:1.5;font-weight:600;color:var(--s-ink)}
.case-quote figcaption{font-size:13px;color:var(--s-muted);margin-top:10px}
.case-list,.case-searches{list-style:none;padding:0;margin:0;max-width:760px;display:grid;gap:12px}
.case-list li{position:relative;padding-left:28px;font-size:16px;line-height:1.7;color:var(--s-ink)}
.case-list li:before{content:'';position:absolute;left:4px;top:.62em;width:9px;height:9px;border-radius:50%;background:var(--s-green)}
.case-searches li{font-size:15px;line-height:1.6;padding:14px 17px;border:1px solid var(--s-line);border-radius:12px;background:var(--s-panel);color:var(--s-ink)}
.case-searches li:first-child{border-color:#29bba780;background:var(--s-soft)}
.case-note{max-width:760px;background:var(--s-panel);border:1px solid var(--s-line);border-radius:18px;padding:25px}
.case-note h2{font-size:24px;margin-bottom:10px}
.case-note p{font-size:15px;line-height:1.75;color:var(--s-muted)}
.case-cards .case-card{display:flex;flex-direction:column}
.case-card-figure{font-size:34px;line-height:1.05;letter-spacing:-.04em;font-weight:650;color:var(--s-green);margin-bottom:16px}
.case-cards .case-card a{margin-top:auto;padding-top:18px}
@media(max-width:700px){
 .case-figures{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:35px}
 .case-figures li{padding:16px;border-radius:15px}
 .case-figures strong{font-size:27px}
 .case-figures span{font-size:12px}
 .case-figures small{font-size:11px}
 .case-compare{grid-template-columns:1fr;gap:12px}
 .case-panel{padding:20px}
 .case-panel p:not(.eyebrow),.case-timeline li,.case-list li{font-size:15px}
 .case-timeline li{grid-template-columns:32px 1fr;padding:14px 0}
 .case-quote blockquote p{font-size:18px}
 .case-note{padding:20px}
 .case-note h2{font-size:22px}
 .case-card-figure{font-size:30px}
}