/* Études de cas — complément à realisations.css (chargée en premier par le gabarit).
   Ne redéfinit que ce qui distingue une étude de cas d'un site en ligne.
   Les styles .cs-bridge / .cs-empty vivent dans realisations.css : ils servent aux deux pages. */

/* Intitulé de la vignette : « Étude de cas » plutôt qu'un secteur. */
.cs-card .cover .tag{background:var(--ink);color:#fff}
.cs-card .cover .tag .d{background:var(--yellow)}

/* Chiffre clé repris du champ « Chiffres clés » de la fiche. */
.cs-fig{display:block;font-family:var(--fd);font-weight:800;font-size:.9rem;color:var(--blue);margin-top:10px;letter-spacing:-.01em}
.cs-fig b{font-size:1.34rem;font-weight:800;margin-right:6px}

/* Appel de lecture, remplace la flèche des cartes sortantes. */
.cs-go{display:inline-block;margin-top:14px;font-family:var(--fd);font-weight:800;font-size:.86rem;color:var(--ink);border-bottom:2px solid var(--yellow);padding-bottom:2px}
.cs-card:hover .cs-go{color:var(--blue);border-color:var(--blue)}

/* --- Réglages de mise en page, limités à /etudes-de-cas/ ---------------- */

/* Le titre de /realisations/ tient en deux lignes ; celui-ci en faisait trois
   et écrasait le chapô. Titre un cran plus bas, mesure élargie, chapô calé
   sur la même ligne de base. */
.cs-hero{padding-bottom:26px}
.cs-hero h1{font-size:clamp(2rem,3.9vw,3.05rem);max-width:19ch}
.cs-hero .sub{max-width:46ch;font-size:1.05rem}
.cs-hero .top{align-items:flex-end;gap:40px}

/* Les vignettes des études de cas sont sombres et denses : elles ont besoin
   de plus d'air entre elles que les cartes de sites en ligne. */
#csGrid{gap:34px 30px}
#csGrid .cs-card .cover{border-radius:16px}
#csGrid .cs-card h3{margin-top:18px;line-height:1.25}

/* Les filtres ne doivent pas peser autant que le contenu. */
.cs-hero .rz-filt{margin-top:26px;gap:8px}
.cs-hero .rz-filt .ch{font-size:.8rem;padding:7px 13px}

/* La passerelle vers les sites en ligne était trop discrète pour être vue. */
.cs-bridge{padding:34px 0 6px}
.cs-bridge-in{border:1px solid var(--line)}
.cs-bridge-in .btn-line{flex:none}