/* Page « Familles des Disciples » : une carte par famille (logo, responsables,
   devise, verset), aux couleurs de chaque famille (--famille). */
.familles-section{padding-top:48px;}
.familles-intro{
  max-width:760px;margin:0 auto 26px;text-align:center;
  display:flex;flex-direction:column;align-items:center;gap:16px;
}
.familles-intro p{margin:0;color:var(--texte-doux);font-size:1.05rem;line-height:1.7;}
.familles-sommaire{
  display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 auto 34px;max-width:900px;
}
.familles-sommaire a{
  padding:7px 14px;border-radius:999px;font-weight:700;font-size:.88rem;text-decoration:none;
  color:var(--famille);background:color-mix(in srgb,var(--famille) 9%,transparent);
  border:1px solid color-mix(in srgb,var(--famille) 28%,transparent);
}
.familles-sommaire a:hover{background:var(--famille);color:#fff;}
.familles-grille{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:24px;align-items:start;
}
.famille-carte{
  display:flex;flex-direction:column;background:var(--surface);border-radius:20px;overflow:hidden;
  border:1px solid var(--bordure);box-shadow:0 14px 34px rgba(34,4,47,.08);
  scroll-margin-top:96px;transition:transform .2s ease,box-shadow .2s ease;
}
.famille-carte:hover{transform:translateY(-3px);box-shadow:0 20px 44px rgba(34,4,47,.13);}
.famille-entete{
  position:relative;height:150px;display:flex;align-items:center;justify-content:center;
  background:
    radial-gradient(circle at 20% 15%,rgba(255,255,255,.22),transparent 55%),
    linear-gradient(135deg,var(--famille),color-mix(in srgb,var(--famille) 55%,#000));
}
.famille-logo{
  max-height:112px;max-width:72%;width:auto;height:auto;border-radius:10px;
  box-shadow:0 10px 26px rgba(0,0,0,.28);background:#fff;
}
.famille-corps{padding:20px 22px 6px;flex:1;display:flex;flex-direction:column;gap:9px;}
.famille-corps h2{
  margin:0;font-family:'Playfair Display',serif;font-size:1.55rem;color:var(--famille);line-height:1.2;
}
.famille-valeurs{
  margin:-4px 0 0;font-size:.74rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--texte-leger);
}
.famille-responsables{margin:0;color:var(--texte);font-size:.95rem;}
.famille-responsables i{color:var(--famille);margin-right:4px;}
.famille-devise{
  margin:2px 0 0;padding:10px 14px;border-left:4px solid var(--famille);border-radius:0 10px 10px 0;
  background:color-mix(in srgb,var(--famille) 7%,transparent);font-style:italic;color:var(--texte);line-height:1.55;
}
.famille-versets{margin-top:4px;}
.famille-versets summary{
  cursor:pointer;font-weight:700;font-size:.92rem;color:var(--famille);list-style:none;padding:6px 0;
}
.famille-versets summary::-webkit-details-marker{display:none;}
.famille-versets summary::after{content:" +";}
.famille-versets[open] summary::after{content:" −";}
.famille-versets blockquote{margin:6px 0 10px;padding:0;}
.famille-versets blockquote p{margin:0;font-size:.92rem;line-height:1.65;color:var(--texte-doux);}
.famille-versets cite{display:block;margin-top:4px;font-style:normal;font-weight:700;font-size:.82rem;color:var(--texte-leger);}
.famille-actions{
  display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:14px 22px 20px;
  border-top:1px solid var(--bordure);margin-top:10px;
}
.famille-rejoindre{padding:9px 18px;font-size:.92rem;}

:root[data-theme="sombre"] .famille-corps h2,
:root[data-theme="sombre"] .famille-versets summary,
:root[data-theme="sombre"] .familles-sommaire a{color:color-mix(in srgb,var(--famille) 45%,#fff);}
:root[data-theme="sombre"] .famille-responsables i{color:color-mix(in srgb,var(--famille) 45%,#fff);}

@media (max-width:560px){
  .familles-section{padding-top:30px;}
  .familles-grille{grid-template-columns:1fr;gap:18px;}
  .famille-entete{height:132px;}
  .famille-corps{padding:18px 18px 4px;}
  .famille-actions{padding:12px 18px 18px;}
}