/* Page « Notre approche » (V4.3, 07/10/2026, décision C de Louis) : .claude/v43-approach.mjs. Chargée après v3-home.css, v3-tree.css
   et v3-expert.css, qui portent déjà la démarche (xc, tr), le socle (xp-sig) et « Après la mise en service » (xp-after).
   Démarche : section blanche sur cette page (le haut de page est écume), cartes écume : règles .xc de v3-home.css, sans ajout.
   Ici : le bandeau des valeurs seul dans sa section.
   14/10 (direction « premium sobre ») : le haut de page est marine (v2.css et v3.css) ; titre des valeurs en 600, carte des valeurs
   en brume (voir plus bas). Avant : titre en 700, mot coloré #74C3EE sur la carte marine. */

/* --- Valeurs : fond blanc entre « Après la mise en service » (écume) et le bandeau final (marine) ; la carte marine de l'accueil,
   seule, avec un titre de section (h2) un peu plus grand que le titre de la carte de l'accueil, et moins d'air autour. --- */
.ap-val { background: #fff; padding-top: var(--sec-y); padding-bottom: var(--sec-y); } /* 07/10 au soir (intégration) : rythme commun (--sec-y de v3.css), 72 px avant */
.ap-val .xb-val { margin: 0; }
/* 07/10 au soir (corrections finales) : 22 px, comme le titre des valeurs de l'accueil et de Qui nous sommes (avant clamp(1.35rem, 2vw, 1.6rem)) */
/* 14/10 (relecture du lot 2) : la carte des valeurs passe en brume, texte marine, pictogrammes et mot coloré en bleu. Sur cette page,
   le socle est déjà la section marine du milieu et le bandeau final suit : une carte marine de plus faisait trois blocs marine en
   un écran et demi (règle : une seule section marine au milieu au plus). Avant : carte marine de l'accueil (v3-home.css, .xb-val). */
body.v2 .ap-val .xb-val { background: var(--b-mist); color: var(--ink); }
body.v2 .ap-val .xb-val h2 { margin: 0 0 var(--sec-head); font: 600 22px/1.25 var(--f-display); letter-spacing: -0.015em; color: var(--ink); text-wrap: balance; }
body.v2 .ap-val .xb-val h2 span { color: var(--b-accent); }
body.v2 .ap-val .xb-val b { color: var(--ink); }
body.v2 .ap-val .xb-val p { color: var(--b-text); }
body.v2 .ap-val .xb-val li i { color: var(--b-accent); }
@media (max-width: 640px) {
    body.v2 .ap-val .xb-val h2 { font-size: 20px; }
}