/* Les quatre familles de fonctionnalités passent en onglets : une seule grille
 * de six cartes à la fois, au lieu de quatre colonnes de listes côte à côte.
 * Le pilotage des onglets est celui de site-vitrine-v2.js, commun au site. */

/* Le panoramique de la section respire moins : les trois blocs se suivent. */
.manager-section .manager-panorama{margin-bottom:1.5rem}

/* Aucun conteneur : chaque onglet occupe un quart de la largeur, son libellé
 * ferré à gauche, et le trait bleu de l'onglet actif tient la largeur de sa
 * colonne, moins la gouttière qui l'empêche de rejoindre la suivante. */
.capability-tabs{display:flex;gap:1.5rem;width:100%;margin-bottom:1.5rem}
.capability-tabs button{flex:1;min-width:0;border:0;background:none;padding:.5rem 0 .6rem;border-bottom:3px solid transparent;font-family:var(--font-sans);font-size:.9375rem;font-weight:500;color:var(--text-muted);text-align:left;transition:color var(--motion-base),border-color var(--motion-base)}
.capability-tabs button:hover{color:var(--text)}
.capability-tabs button[aria-selected=true]{color:var(--text);font-weight:600;border-bottom-color:var(--primary)}

/* Le pictogramme en haut, le texte en bas : l'écart entre les deux est le
 * motif de la carte, pas un accident de hauteur. */
.capability-panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.capability-card{display:flex;flex-direction:column;justify-content:space-between;gap:1.75rem;min-height:11rem;padding:1.35rem;border-radius:1rem;background:linear-gradient(158deg,oklch(.979 .003 265),oklch(.949 .005 265))}
.capability-icon{width:1.5rem;height:1.5rem;flex:none;color:var(--tone-brand-fg)}
.capability-card h3{font-family:var(--font-sans);font-size:1.0625rem;font-weight:650;line-height:1.35;letter-spacing:-.012em}
.capability-card p{margin-top:.35rem;min-height:2.8rem;font-size:.875rem;line-height:1.6;color:var(--text-muted)}

@media(max-width:900px){.capability-panel{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
  .manager-section .manager-panorama{margin-bottom:1.25rem}
  .capability-tabs{gap:.6rem;margin-bottom:1.25rem}
  .capability-tabs button{padding:.45rem 0 .5rem;font-size:.8125rem}
  .capability-panel{grid-template-columns:minmax(0,1fr);gap:.75rem}
  .capability-card{min-height:0;gap:1.25rem;padding:1.2rem}
  .capability-card p{min-height:0}
}
@media(prefers-reduced-motion:reduce){.capability-tabs button{transition:none}}