/* EX’SIE — le carnet (page Ressources). */
.entete-page { padding-block: clamp(48px, 7vw, 104px) clamp(48px, 6vw, 88px); }

/* Filtres : des pastilles à bascule */
.carnet-filtres { margin-block: clamp(36px, 5vw, 64px) var(--e-5); }
.pastilles { display: flex; flex-wrap: wrap; gap: 8px; }
.pastille--choix { position: relative; isolation: isolate; padding: 9px 16px; cursor: pointer; background: transparent; border-color: var(--line-fort); transition: color var(--d-2); }
.pastille--choix::before { content: ""; position: absolute; inset: -1px; border-radius: inherit; background: var(--accent-fonce); z-index: -1; transform: scale(.6); opacity: 0; transition: transform var(--d-3) var(--c-elan), opacity var(--d-2); }
.pastille--choix[aria-pressed="true"] { color: #fff; }
.pastille--choix[aria-pressed="true"]::before { transform: none; opacity: 1; }

/* Le rangement : les guides du moment choisi viennent devant, les autres reculent */
.guide-carte { transition: opacity var(--d-3), filter var(--d-3); }
.guide-carte.est-recule { opacity: .34; filter: blur(1.5px) saturate(.6); }
.guide-carte h3 { font-size: 1.2rem; }

/* Glossaire */
.glossaire { margin: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 var(--e-6); border-top: 1px solid var(--line-fort); }
.glossaire > div { display: flex; flex-direction: column; gap: 6px; padding-block: 22px; border-bottom: 1px solid var(--line); }
.glossaire dt { font-size: 1.12rem; font-weight: 700; color: var(--ink); }
.glossaire dd { margin: 0; font-size: .97rem; line-height: 1.6; }
.glossaire .ou { margin-top: auto; padding-top: 6px; font-size: var(--t-petit); }
.glossaire .ou a { font-weight: 700; color: var(--accent-texte); text-decoration: underline; text-underline-offset: 3px; text-decoration-color: var(--line-fort); }
@media (max-width: 900px) { .glossaire { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { .glossaire { grid-template-columns: 1fr; } }