/* Case study pages and portfolio feature card (SA Coder), prefix .cs- ; builds on service-detail.css */
.cs .sp-hero h1{max-width:19ch;font-size:clamp(2.3rem,4.4vw,4.2rem)}
.cs .sp-kicker a{color:inherit;text-decoration:underline;text-underline-offset:4px}
.cs-snapshot dl{display:grid;gap:16px;margin:0}
.cs-snapshot dt{font:600 11px/1.2 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 4px}
.cs-snapshot dd{margin:0;font:600 1.02rem/1.4 var(--f-head);color:var(--ink)}
.cs-intro{max-width:760px;font:500 clamp(1.15rem,1.8vw,1.45rem)/1.6 var(--f-body);color:var(--ink-soft);margin:0 0 clamp(28px,4vw,48px)}
.cs-facts{display:grid;gap:14px;margin:0;padding:0}
.cs-facts li{display:flex;gap:12px;align-items:flex-start;padding:18px 22px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);color:var(--ink-soft);line-height:1.55}
.cs-facts li .ico{color:var(--accent);margin-top:.2em}
.cs-note{margin-top:clamp(20px,3vw,32px);padding:clamp(20px,3vw,32px);border:1px dashed rgba(20,11,12,.3);border-radius:var(--r-md);background:rgba(255,255,255,.5)}
.cs-note h3{font-size:1.15rem;margin-bottom:8px}
.cs-note p{color:var(--muted);line-height:1.65;max-width:62ch}
.cs-apply{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.cs-back{margin-top:28px}
.cs-back a{display:inline-flex;align-items:center;gap:8px;font:600 .95rem/1 var(--f-head);color:var(--accent-deep)}
.cs-feature{display:grid;grid-template-columns:1fr;gap:clamp(20px,3vw,32px);align-content:space-between;padding:clamp(24px,3vw,40px);border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);color:var(--ink);transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s,border-color .3s}
.cs-feature:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:rgba(229,37,42,.4)}
.cs-feature__tag{display:inline-block;margin-bottom:18px;padding:6px 12px;border-radius:var(--pill);background:var(--bg);font:600 11px/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent-deep)}
.cs-feature h3{font:700 clamp(1.5rem,2.6vw,2.2rem)/1.1 var(--f-head);letter-spacing:-.02em;margin:0 0 12px}
.cs-feature p{margin:0;color:var(--muted);line-height:1.65;max-width:52ch}
.cs-feature__side{display:grid;gap:14px}
.cs-feature__side ul{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.cs-feature__side li{display:flex;gap:10px;align-items:flex-start;color:var(--ink-soft);line-height:1.5;font-size:.96rem}
.cs-feature__side li .ico{color:var(--accent);margin-top:.2em}
.cs-feature__more{display:inline-flex;align-items:center;gap:8px;font:600 1rem/1 var(--f-head);color:var(--accent-deep)}
.cs-more{margin-top:20px;color:var(--muted);font-size:.95rem}
@media (max-width:820px){.cs-list{grid-template-columns:1fr}}
.cs-list{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(16px,2vw,24px)}