/* Pièces communes de la page Tarifs (A, B, C, D). S'ajoute après tama.css (v3) et app.css (application v2).
   Couleurs : seulement les variables de tama.css. */
[id] { scroll-margin-top: 86px; }
.nw { white-space: nowrap; }

/* Les icônes de « compris partout » : 48 px par défaut, la page règle --ic. */
[data-icone] { display: inline-block; flex: none; width: var(--ic, 48px); height: var(--ic, 48px); }
[data-icone] svg { width: 100%; height: 100%; overflow: visible; }

/* Le petit boulier dessiné : la largeur se règle par la page, la hauteur suit. */
[data-boulier] { display: block; }
.mini-b { display: block; width: 100%; height: auto; overflow: visible; }
.mini-b .sb-bead path { vector-effect: non-scaling-stroke; }
.mini-b .sb-bead .bd-reflet, .mini-b .sb-bead .bd-trait { fill: none; }
.mini-b .sb-bead .bd-reflet { stroke-linecap: round; }

/* Surlignage du titre, comme « à deux » dans l'accueil. */
.surligne { font-style: normal; background: linear-gradient(transparent 58%, var(--soleil) 58% 90%, transparent 90%); padding: 0 .08em; white-space: nowrap; }

/* Prix : jamais un chiffre pour Famille, le mot seul. */
.prix { font-family: var(--display); font-weight: 700; line-height: 1.05; }

/* Pied de page : comme les autres écrans. */
footer nav a[aria-current="page"] { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 4px; }