/* Page /services : cartes missions et deroule de mission.
   Regles reprises de references.css, bloc deplace de /references le 28/09/2026. */
.ref-num{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:9px;background:var(--navy);color:#fff;font-size:.9rem;font-weight:700;flex:none}
.steps{counter-reset:s}
.steps .card{position:relative}
.steps .card .ref-num{margin-bottom:10px}
.steps .deliv{font-size:.85rem;color:var(--accent-dark);font-weight:600;margin:0}
.steps .card>p:not(.deliv){margin-bottom:12px}
.steps .deliv{margin-top:auto}
.offer .card p.terms{font-size:.85rem;color:var(--text-muted);margin:0}
/* Bouton pose juste au-dessus d'une grille de cartes : espace avant la grille. */
.btn-group + .grid{margin-top:32px}
/* Cartes missions : colonne flexible, modalites calees en bas, liste et ligne outils (28/09/2026). */
.offer .card{display:flex;flex-direction:column}
.offer .card ul{margin:0 0 12px;padding-left:18px;font-size:.92rem}
.offer .card ul li{margin:0 0 4px}
.offer .card p.tools{font-size:.82rem;color:var(--text-muted);margin:0 0 12px}
.offer .card p.terms{margin-top:auto;font-weight:600}
/* Titre de /services sur deux lignes : la seconde, plus petite, porte les trois missions (28/09/2026). */
.hero h1.h1-split span{display:block;font-size:.62em;line-height:1.25;margin-top:6px}
/* Cartes missions detaillees de /services : sous-grille de 5 lignes partagees
   (titre, intro, liste, outils, modalites) pour aligner chaque bloc d'une carte a l'autre. */
@supports (grid-template-rows: subgrid){
.offer-detail .card{display:grid;grid-row:span 5;grid-template-rows:subgrid;row-gap:0}
.offer-detail .card>*{margin-top:0}
.offer-detail .card>h3{margin-bottom:10px}
.offer-detail .card>p:first-of-type{margin-bottom:12px}
.offer-detail .card>ul{margin-bottom:12px;align-self:start}
.offer-detail .card>p.tools{margin-bottom:12px;align-self:start}
.offer-detail .card>p.terms{align-self:start;margin:0}
/* Cartes missions courtes de l'accueil : sous-grille de 3 lignes (titre, texte, modalites). */
.offer:not(.offer-detail) .card{display:grid;grid-row:span 3;grid-template-rows:subgrid;row-gap:0}
.offer:not(.offer-detail) .card>*{margin-top:0}
.offer:not(.offer-detail) .card>h3{margin-bottom:10px}
.offer:not(.offer-detail) .card>p:not(.terms){margin-bottom:12px}
.offer:not(.offer-detail) .card>p.terms{align-self:start;margin:0}
}