/* Rangée « Nous retrouver » (17/10) : en fin du bloc famille (ou du pied de Rampe), elle hérite de la couleur du pied (clair ou sombre).
   Cibles de 44 px de haut (WCAG 2.5.8 demande 24) ; le texte reste visible à côté de chaque logo ; focus à 2 px. */
:is(footer,.famille) .fam-suivre{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin-top:18px;padding-top:16px;border-top:1px solid color-mix(in srgb,currentColor 12%,transparent)}
:is(footer,.famille) .fam-suivre p{margin:0;font-family:'Space Mono',ui-monospace,Consolas,monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase;opacity:.9}
:is(footer,.famille) .fam-suivre ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
:is(footer,.famille) .fam-suivre li{display:block;margin:0;padding:0}
:is(footer,.famille) .fam-suivre a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border-radius:999px;color:inherit;text-decoration:none;font-size:15px;
  border:1px solid color-mix(in srgb,currentColor 22%,transparent);transition:border-color .2s,background-color .2s}
:is(footer,.famille) .fam-suivre a:hover{border-color:currentColor;background:color-mix(in srgb,currentColor 7%,transparent)}
:is(footer,.famille) .fam-suivre a:focus-visible{outline:2px solid currentColor;outline-offset:2px}
:is(footer,.famille) .fam-suivre svg{flex:none;display:block;width:20px;height:20px}
:is(footer,.famille) .fam-suivre .fam-suivre-lu{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(forced-colors:active){:is(footer,.famille) .fam-suivre svg path{fill:currentColor}}
@media(prefers-reduced-motion:reduce){:is(footer,.famille) .fam-suivre a{transition:none}}