/* SKJB collaboration spotlights — scoped styles */
.case-spotlight {--case-accent:#2488ff;background:#f3f7ff;padding:76px 0 90px}
.case-spotlight .case-layout{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:54px;align-items:center}
.case-spotlight .case-art{min-height:370px;display:flex;align-items:center;justify-content:center;padding:30px;border-radius:25px;background:linear-gradient(145deg,#fff,#e9f1ff);box-shadow:0 18px 50px #0c275b1a;border:1px solid #dce8fb;position:relative}
.case-spotlight .case-art:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;border-radius:25px 25px 0 0;background:var(--case-accent)}
.case-spotlight .case-art img{display:block;width:100%;height:auto;max-height:350px;object-fit:contain}
.case-spotlight .case-copy .eyebrow{display:block;margin-bottom:14px;color:#0865f5}
.case-spotlight h2{font-size:clamp(32px,3.4vw,52px);line-height:1.1;letter-spacing:-.04em;color:#08214b;margin:0 0 22px}
.case-spotlight .case-lead{font-size:18px;line-height:1.65;color:#425a7b;margin-bottom:22px}
.case-spotlight .case-value{border-left:4px solid var(--case-accent);padding:12px 18px;background:#fff;border-radius:0 12px 12px 0;color:#1d365b;margin:0 0 25px}
.case-spotlight .case-details{margin-top:65px;display:grid;grid-template-columns:1fr 1fr;gap:24px}
.case-spotlight .case-panel{background:#fff;border:1px solid #dfe9f7;border-radius:18px;padding:27px}
.case-spotlight .case-panel h3{font-size:23px;color:#09234d;margin:0 0 12px}
.case-spotlight .case-panel p{color:#516682;line-height:1.7;margin:0}
.case-spotlight .case-features{margin-top:40px}
.case-spotlight .case-features h3{font-size:29px;color:#09234d;margin:0 0 22px}
.case-spotlight .case-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.case-spotlight .case-feature{background:#fff;border:1px solid #dfebfa;border-radius:16px;padding:24px;border-top:4px solid var(--case-accent)}
.case-spotlight .case-feature strong{display:block;color:#09234d;font-size:17px;margin-bottom:10px}
.case-spotlight .case-feature p{color:#566b86;line-height:1.6;font-size:14px;margin:0}
.case-spotlight .case-next{margin-top:38px;color:#62758f;font-size:13px}
@media(max-width:900px){.case-spotlight .case-layout,.case-spotlight .case-details{grid-template-columns:1fr}.case-spotlight .case-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.case-spotlight .case-art{min-height:260px}}
@media(max-width:560px){.case-spotlight{padding:42px 0 60px}.case-spotlight .case-feature-grid{grid-template-columns:1fr}.case-spotlight .case-art{padding:18px;min-height:210px}.case-spotlight .case-details{margin-top:38px}}