/* ==========================================================================
   Case Studies page (Build 35.7)
   Layered on top of standard-pages.css. Only adds what the case-study
   presentation needs: result-metric blocks, phase blocks, quote treatment.
   Every value shown is migrated verbatim from the live page.
   ========================================================================== */

.cs-meta-strip{
    display:flex;flex-wrap:wrap;gap:10px 28px;justify-content:center;
    padding:18px 0;margin-bottom:8px;color:var(--gray-700);font-size:.92rem;
}
.cs-meta-strip strong{color:var(--navy-950);}

.cs-results{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin:36px 0;}
.cs-result{
    text-align:center;background:var(--white);border:1px solid var(--gray-300);
    border-radius:14px;padding:26px 18px;box-shadow:0 6px 18px rgba(0,31,49,.06);
}
.cs-result__val{font-size:2.1rem;font-weight:800;color:var(--teal-500);line-height:1.05;margin-bottom:8px;}
.cs-result__label{font-size:.86rem;color:var(--gray-700);line-height:1.45;}

.cs-phase{
    background:var(--white);border:1px solid var(--gray-300);border-radius:12px;
    padding:22px 24px;margin-bottom:18px;
}
.cs-phase h4{color:var(--navy-950);font-size:1.02rem;font-weight:700;margin-bottom:12px;}
.cs-phase ul{margin:0 0 0 18px;display:grid;gap:8px;}
.cs-phase li{color:var(--gray-700);font-size:.93rem;line-height:1.6;}
.cs-phase li ul{margin-top:8px;}

.cs-quote{
    background:var(--gray-100);border-left:4px solid var(--teal-500);
    border-radius:0 12px 12px 0;padding:26px 28px;margin:28px auto;max-width:860px;
}
.cs-quote p{color:var(--gray-700);font-size:1rem;line-height:1.75;font-style:italic;margin:0 0 12px;}
.cs-quote cite{color:var(--navy-950);font-size:.9rem;font-weight:700;font-style:normal;}

.cs-chart{max-width:860px;margin:30px auto 8px;}
.cs-chart img{width:100%;height:auto;border-radius:12px;border:1px solid var(--gray-300);display:block;}
.cs-chart figcaption{text-align:center;color:var(--gray-700);font-size:.85rem;margin-top:10px;}

@media (max-width:1024px){
    .cs-results{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:640px){
    .cs-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
    .cs-result{padding:18px 10px;}
    .cs-result__val{font-size:1.6rem;}
    .cs-result__label{font-size:.8rem;}
    .cs-quote{padding:20px 18px;}
    .cs-phase{padding:18px 16px;}
}