/* ============================================================ CONVERGENCE DURABLE — Main CSS Extends baseline.css. Load both in this order: 1. baseline.css 2. main.css ============================================================ */ /* --- Extra tokens ------------------------------------------ */ :root { --max-w-wide: 1100px; --max-w-narrow: 640px; --nav-h: 64px; --yellow: #fcb900; --yellow-dark: #d49d00; --tag-green: #3a7c4e; --tag-teal: #2a7c72; --tag-orange: #c96b2a; --tag-blue: #2a5c9e; --tag-purple: #6b3a9e; --tag-rose: #a03060; --tag-yellow: #8a6800; --shadow-sm: 0 1px 4px rgba(0,0,0,.08); --shadow-md: 0 4px 16px rgba(0,0,0,.12); --transition: .18s ease; } /* --- Wide container ---------------------------------------- */ .container-wide { max-width: var(--max-w-wide); margin: 0 auto; padding: 0 1.25rem; } /* ============================================================ NAVIGATION ============================================================ */ /* Une barre qui reste en haut recouvre la cible de toute ancre : « Aller au contenu principal », « /#newsletter », les liens de la page Association… `scroll-padding-top` décale le point d'arrivée de la hauteur de la barre. Posé sur il vaut pour TOUTES les ancres, présentes et futures — plus fiable qu'un `scroll-margin-top` à replacer sur chaque cible. */ html { scroll-padding-top: calc(var(--nav-h) + .5rem); } /* C'est le
qui colle, PAS le