/* JMDA — Case studies listing. Loaded after jmda-core.css + jmda-components.css */
.cs-legend{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:.8rem 1rem}
.cs-legend>i{color:var(--slate)}
.cs-legend span{display:inline-flex;gap:.35rem;align-items:center}
.k-c{color:#B3402F}.k-s{color:var(--green)}.k-o{color:var(--gold-t)}
.cs-feature{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(1.5rem,3vw,2.5rem);align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:clamp(1rem,2vw,1.4rem)}
.cs-feature-img{aspect-ratio:4/3}
.cs-feature h2 a{color:var(--ink);text-decoration:none}
.cs-feature h2 a:hover{color:var(--green)}
.cs-feature-body{padding:.5rem .5rem .5rem 0}
.cs-feature-body>p{color:var(--slate)}
.cs-badge{position:absolute;left:12px;top:12px;z-index:2;display:inline-flex;gap:.35rem;align-items:center;background:var(--surface);border-radius:99px;padding:.35rem .7rem;font-family:var(--mono);font-size:8.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--green);box-shadow:0 4px 12px rgba(0,0,0,.08)}
.cs-trio{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin:1rem 0}
.cs-trio>div{border:1px solid var(--line);border-radius:10px;padding:.8rem;background:var(--paper)}
.cs-trio .k{display:flex;gap:.35rem;align-items:center;font-family:var(--mono);font-size:8.5px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.35rem}
.cs-trio p{font-size:.82rem;margin:0;color:var(--ink-2)}
.cs-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}
.cs-card{position:relative;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:10px;overflow:hidden;transition:.18s}
.cs-card:hover{transform:translateY(-3px);border-color:var(--green);box-shadow:0 10px 26px rgba(18,33,27,.09)}
.cs-card[hidden]{display:none}
.cs-img{border:0;border-radius:0;aspect-ratio:16/8}
.cs-body{padding:1.2rem 1.3rem 1.4rem;display:flex;flex-direction:column;flex:1}
.cs-body h3 a{color:var(--ink);text-decoration:none}
.cs-body p{font-size:.88rem;color:var(--slate);flex:1}
.cs-svc{font-family:var(--mono);font-size:8.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-t);margin-bottom:.4rem}
@media (max-width:991.98px){.cs-feature{grid-template-columns:1fr}.cs-feature-body{padding:0 .3rem .5rem}}
@media (max-width:767.98px){.cs-grid,.cs-trio{grid-template-columns:1fr}}