/* Navigation commune à TOUTES les pages (accueil compris) — fabriquée par generer.py (NAV, BARRE) */
/* barre du bas au téléphone : les mêmes raccourcis partout, la page en cours s'allume */
/* collée au bord de l'écran, pleine largeur et opaque : la page ne passe plus dessous */
.barre-bas{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;gap:4px;background:#1d1d1d;border-top:1px solid rgba(255,255,255,.1);padding:6px 8px calc(6px + env(safe-area-inset-bottom))}
.barre-bas a{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:11px;text-decoration:none;color:#cfcac2;padding:7px 2px;border-radius:16px;min-height:48px;justify-content:center}
.barre-bas a.on{background:#fff;color:#1d1d1d;font-weight:600}
.barre-bas svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:899px){body{padding-bottom:calc(72px + env(safe-area-inset-bottom))}}
@media(min-width:900px){.barre-bas{display:none}}
/* une ancre ne cache plus son titre sous l'en-tête collant */
[id]{scroll-margin-top:84px}
/* lien du menu de la page en cours */
nav.menu a.actif,nav.menu a[aria-current="page"]{color:#fff;text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:2px}
.menu-s a.l.actif,.tiroir-menu a.actif{text-decoration:underline;text-underline-offset:6px}