/* ================================================================== PAGES LÉGALES — « la table » Système graphique identique au reste du site;en-tête `.phead` commun. Ce qui appartient en propre à ces 4 pages:un SOMMAIRE ANCRÉ à gauche,qui suit la lecture et marque l'article en cours,et un corps de texte au fil à droite. Personne ne lit une page légale en entier:on y cherche un point. La table sert à ça. Sous 900px le sommaire devient un dépliant refermé par défaut,pour ne pas repousser le texte sous la ligne de flottaison. ================================================================== */ .nav-links a[aria-current="page"]::after{transform:scaleX(1)}.nav-panel a[aria-current="page"]{background:var(--ivoire-2)}:root{--accent-ink:#735B3A}/* ---------- EN-TÊTE DE PAGE (gabarit commun) ---------------------------- */ .phead{padding-top:clamp(7.5rem,15vh,10.5rem);padding-bottom:0}.phead__in{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);gap:clamp(2rem,4vw,4rem);align-items:start;padding-bottom:clamp(2rem,5vh,3.4rem)}@media(max-width:900px){.phead__in{grid-template-columns:1fr;gap:2rem}}.phead__t{font-size:clamp(2.4rem,5.6vw,4.8rem);line-height:1;margin-top:0}.phead__t .it{color:var(--accent-deep)}/* `.24em`:on cale la 1re ligne du paragraphe sur la HAUTEUR D'X du titre,pas sur le haut de sa boîte,sinon l'œil voit le texte trop haut. */ .phead__s{color:var(--ink-2);font-size:1.16rem;max-width:46ch;margin-top:.24em}.crumb{display:flex;align-items:center;gap:.6rem;margin-bottom:1.4rem;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}.crumb a{transition:color .25s}.crumb a:hover{color:var(--accent-deep)}.crumb i{font-style:normal;color:var(--accent)}/* ---------- LA TABLE ---------------------------------------------------- */ .tab{padding-block:clamp(1rem,3vh,2rem) clamp(5rem,11vh,8rem)}.tab__in{display:grid;grid-template-columns:minmax(0,16rem) minmax(0,1fr);gap:clamp(2.4rem,5vw,5.5rem);align-items:start}@media(max-width:900px){.tab__in{grid-template-columns:1fr;gap:2rem}}/* Le sommaire ancré. `align-self:start` est indispensable:sans lui la colonne s'étire sur toute la hauteur de la grille et `sticky` n'a plus rien contre quoi coller. */ .tab__som{position:sticky;top:6.4rem;align-self:start}@media(max-width:900px){.tab__som{position:static}}.tab__somT{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2);margin-bottom:1rem}/* 🚨 `align-items:stretch` et `gap:0` ne sont PAS décoratifs. L'accueil pose une règle sur l'élément lui-même:`nav{display:flex;align-items:center;gap:2.2rem}`. Elle s'applique à ce