/*
 * Comités et conseil d'administration (Commitee/index.html.twig), design épuré du 20/10/2026. Le menu de rubrique,
 * l'en-tête et la description viennent de page-classique-epure.css ; ici, les cartes des membres et la fenêtre de
 * biographie. Photos à leur proportion d'origine (aucun recadrage) ; sans photo, nom et fonction seuls (29/10/2026).
 */
.gouvernance-epure{
	--gv-rouge:#e40520;
	--gv-encre:#1d1d1b;
	--gv-gris:#6b6b6b;
	--gv-gris-doux:#8f8f8f;
	--gv-filet:#ebe6e4;
	--gv-fond:#f6f3f2;
}
.gouvernance-epure .visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Membres */
.gv-membres{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start;margin:40px 0 0;padding:0;list-style:none}
.gv-membre{display:flex;flex-direction:column;margin:0;padding:0;overflow:hidden;border:1px solid var(--gv-filet);border-radius:8px;background:#fff}
.gv-membre:before{display:none}
.gv-photo{display:block;width:100%;height:auto}
.gv-texte{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:16px 22px 22px}
.gv-membre.avec-photo .gv-texte{padding-top:18px}
.gv-membre:not(.avec-photo) .gv-texte{padding-top:22px}
.content.gouvernance-epure .gv-nom{margin:0;font-size:16px;line-height:1.35;font-weight:600;color:var(--gv-encre)}
.content.gouvernance-epure .gv-poste{margin:0;font-size:14px;line-height:1.5;color:var(--gv-gris)}
.gv-bio-bouton{display:inline-flex;align-items:center;gap:8px;margin-top:10px;padding:0;border:0;background:none;color:var(--gv-encre);font:600 14px/1.3 'Poppins',Arial,sans-serif;cursor:pointer;transition:gap .2s,color .2s}
.gv-bio-bouton:after{content:"";width:16px;height:2px;background:currentColor}
.gv-bio-bouton:hover{gap:12px;color:var(--gv-rouge)}
.gv-bio-bouton:focus-visible,.gv-fermer:focus-visible{outline:2px solid var(--gv-rouge);outline-offset:3px}

/* Fenêtre de biographie */
.gv-bio{width:min(640px,calc(100vw - 32px));max-height:calc(100vh - 64px);margin:auto;padding:32px;border:0;border-radius:10px;background:#fff;color:#323232;box-shadow:0 24px 60px rgba(0,0,0,.25);overflow:auto}
.gv-bio:not([open]){display:none}
.gv-bio::backdrop{background:rgba(29,29,27,.55)}
.gv-fermer{position:absolute;top:14px;right:14px;display:flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border:1px solid var(--gv-filet);border-radius:50%;background:#fff;color:var(--gv-encre);cursor:pointer}
.gv-fermer:hover{border-color:var(--gv-encre)}
.gv-fermer svg{width:16px;height:16px}
.gv-bio-tete{display:flex;align-items:center;gap:18px;margin:0 40px 22px 0;padding-bottom:20px;border-bottom:1px solid var(--gv-filet)}
.gv-bio-photo{flex:none;width:72px;height:72px;border-radius:50%;object-fit:cover;object-position:center 20%}
.gv-bio-tete .gv-nom{font-size:20px}
.gv-bio-texte{font-size:16px;line-height:1.7}

@media only screen and (max-width: 1024px){
	.gv-membres{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media only screen and (max-width: 560px){
	.gv-membres{grid-template-columns:minmax(0,1fr)}
	.gv-bio{padding:24px 20px}
}
@media (prefers-reduced-motion: reduce){
	.gv-bio-bouton{transition:none}
}