/* Page « Cookies et mesure d'audience » (D187), tous les sites publics : sommaire des finalités à gauche (barre de couleur
   par finalité, collant sur grand écran), partenaires à droite. Couleurs décoratives (contraste ≥ 3:1 sur blanc). */
.cookies-grille { display: grid; gap: var(--e-5); margin-top: var(--e-4); }
@media (min-width: 900px) { .cookies-grille { grid-template-columns: minmax(220px, 300px) 1fr; gap: var(--e-6); } .cookies-sommaire { position: sticky; top: 96px; align-self: start; } .cookies-contenu { border-left: 1px solid var(--bordure, #e2e8f0); padding-left: var(--e-6); } }
.cookies-sommaire ol { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--e-3); }
.cookies-sommaire li { border-left: 4px solid var(--cookies-couleur); padding-left: var(--e-3); }
.cookies-sommaire a { display: flex; align-items: center; min-height: var(--cible); font-weight: 700; color: inherit; text-decoration: none; }
.cookies-sommaire a:hover { text-decoration: underline; }
.cookies-cat-obligatoires { --cookies-couleur: #2f6fb0; }
.cookies-cat-statistiques { --cookies-couleur: #1f7f6e; }
.cookies-cat-publicitaires { --cookies-couleur: #5d8a1c; }
.cookies-cat-personnalisation { --cookies-couleur: #7a3e8f; }
.cookies-contenu > p:first-child { margin-top: 0; }
.cookies-section { scroll-margin-top: 96px; }
.cookies-section:focus { outline: none; }
.cookies-section h2 { margin-top: var(--e-6); }
.cookies-partenaire { margin: var(--e-4) 0; padding-bottom: var(--e-3); border-bottom: 1px solid var(--bordure, #e2e8f0); }
.cookies-partenaire p { margin: 0 0 var(--e-2); }
.cookies-partenaire a { overflow-wrap: anywhere; }