/* ---------- pages intérieures : la base commune (chaque page a sa propre feuille dans css/<page>.css) */
/* la barre est fixe : le contenu commence sous elle */
.page main { padding-top: 96px; }
@media (max-width: 640px) { .page main { padding-top: 76px; } }
/* le petit surtitre jaune en police à chasse fixe, comme sur l'accueil */
.surtitre { margin: 0 0 12px; font: 600 13px/1 var(--mono); letter-spacing: .14em; text-transform: uppercase; color: var(--jaune); }
/* le fil d'Ariane : une étiquette d'étiqueteuse */
.ariane { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 22px; padding: 0; list-style: none; font: 600 12px/1 var(--mono); letter-spacing: .1em; text-transform: uppercase; }
.ariane li + li::before { content: "/"; margin-right: 6px; color: var(--gris); }
.ariane a { color: var(--gris); text-decoration: none; transition: color 100ms ease-out; }
@media (hover: hover) { .ariane a:is(:hover, :focus-visible) { color: var(--hl-texte); } }
.ariane [aria-current] { color: var(--blanc); }