/*
 * Styles propres à la vitrine Dépa-neo (le thème Neo/Matrix partagé vit dans depaneo_ui).
 * Chargé en dernier dans le layout : gagne la cascade sans !important.
 */

/* Section « Ce qu'on fait » : familles de missions + exemples concrets en pastilles. */
.vit-body .svc-verb{ font-size:.78rem; color:#16a34a; letter-spacing:.02em; }
.vit-body .svc-list{ list-style:none; padding:0; display:flex; flex-wrap:wrap; gap:.4rem; }
.vit-body .svc-list li{ border:1px solid #e2e8f0; background:#f8fafc; color:#334155;
  border-radius:999px; padding:.22rem .65rem; font-size:.82rem; }
.vit-body .svc-badges{ display:flex; flex-wrap:wrap; gap:.6rem; justify-content:center; }
.vit-body .svc-badges span{ border:1px solid #e2e8f0; background:#fff; border-radius:999px;
  padding:.4rem 1rem; font-weight:600; font-size:.92rem; color:#0f172a;
  box-shadow:0 1px 2px rgba(15,23,42,.05); }

/* Mobile : le sceau prix (3 volets) s'empile, et les rows g-5 ne débordent plus
   du container-xl (gutter 3rem > padding 12px = 11px de défilement horizontal). */
@media (max-width: 575px){
  .vit-body .seal{ flex-direction:column; align-items:stretch; }
  .vit-body .seal > div + div{ border-left:0; border-top:1px solid rgba(255,255,255,.12); }
  .vit-body .row.g-5{ --bs-gutter-x:1.5rem; }
}