/* fAibrik — styles propres aux pages secteur (gabarit
   scripts/generate-pages/templates/secteur.mjs), chargés après main.css.
   Jetons de design : consignes/charte-graphique.md. */

/* Réassurance sous le CTA du hero (lien vers Souveraineté et déploiement).
   main.css la dimensionne pour le hero centré de l'accueil. */
.secteur-hero .hero-reassurance { margin: 16px 0 0; }

/* Résultats : une seule carte (ex. Collectivités) reste à la largeur d'une carte. */
.grid--1 { grid-template-columns: minmax(0, 360px); justify-content: center; }

/* Rangée module : liste de leviers et entrée « Commencez par un audit ». */
.solution-row-list-title { font-size: 15px; margin: 0 0 10px; }
.solution-row-list { list-style: none; padding: 0; margin: 0 0 16px; display: flex; flex-direction: column; gap: 8px; max-width: 680px; }
.solution-row-list li { position: relative; padding-left: 16px; font-size: 14.5px; line-height: 1.55; }
.solution-row-list li::before { content: ''; position: absolute; left: 0; top: 9px; width: 6px; height: 6px; border-radius: 50%; background: var(--red); }
.solution-row-list strong { color: var(--text-strong); font-weight: 600; }
.solution-row-audit { font-size: 14.5px; margin: 0 0 16px; max-width: 680px; }
.solution-row-audit a { color: var(--red); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.solution-row-audit a:hover { color: var(--red-hover); }
.solution-card .right ul { padding-left: 18px; }
.solution-card .right li { margin-bottom: 8px; }

/* Bandeau de références (logos clients), hors alternance des fonds. */
.ref-band { background: #fff; border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); padding: 28px 0; }
.ref-band-row { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 24px 56px; }
.ref-logo img { display: block; height: 56px; width: auto; max-width: 180px; object-fit: contain; }
.ref-logo--missing { display: flex; flex-direction: column; align-items: center; gap: 6px; text-align: center; }
.ref-logo-name { font-family: var(--font-title); font-size: 19px; font-weight: 800; color: #B9B3AE; letter-spacing: -0.4px; }

/* Liste des enjeux : bloc centré sous le titre et l'introduction (centrés),
   au lieu d'occuper toute la largeur de la page (03/10/2026). */
.enjeux-list { width: fit-content; max-width: 100%; margin: 16px auto 0; }

/* Hero en une colonne sur écran étroit (09/10/2026), comme les pages module et
   besoin : en deux colonnes, le titre tenait sur un mot par ligne et l'image
   était écrasée sur le côté. Sans effet sur ordinateur. */
@media (max-width: 900px) {
  .secteur-hero-grid { grid-template-columns: 1fr !important; gap: 32px !important; }
}