/* CLASSIC_V2_GLOSSARY_REFERENCE_V1 — reference mode of the shared glossary (extends CLASSIC_V2_GLOSSARY_CARDS_V2,
   content-components.css). Theme tokens only. */
.cms-content-glossary-ref{
  --gr-accent:var(--color-accent,#166b65);--gr-ink:var(--color-text,#202020);--gr-muted:var(--color-text-muted,#5f6b70);
  --gr-paper:var(--color-bg,#fff);--gr-line:color-mix(in srgb,var(--gr-accent) 18%,var(--color-border,#dde2e0));
  position:sticky;top:calc(var(--cms-header-height,72px) + 10px);z-index:20;display:grid;grid-template-columns:minmax(220px,320px) minmax(0,1fr);
  align-items:center;gap:10px 18px;margin:clamp(1.5rem,3vw,2.5rem) 0;padding:12px 16px;border:1px solid var(--gr-line);
  border-radius:var(--radius,16px);background:color-mix(in srgb,var(--gr-paper) 92%,transparent);backdrop-filter:blur(8px);
  box-shadow:0 8px 24px color-mix(in srgb,var(--gr-ink) 6%,transparent)
}
.cms-content-glossary-ref[hidden]{display:none}
.cms-content-glossary-ref__search{display:block;margin:0}
.cms-content-glossary-ref__label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.cms-content-glossary-ref__search input{box-sizing:border-box;width:100%;min-height:42px;padding:9px 14px;border:1px solid var(--gr-line);border-radius:999px;background:var(--gr-paper);color:var(--gr-ink);font:inherit;font-size:15px}
.cms-content-glossary-ref__search input:focus-visible{outline:3px solid color-mix(in srgb,var(--gr-accent) 40%,transparent);outline-offset:1px;border-color:var(--gr-accent)}
.cms-content-glossary-ref__letters{display:flex;flex-wrap:wrap;gap:2px}
.cms-content-glossary-ref__letter{display:grid;place-items:center;min-width:26px;height:28px;border-radius:7px;font-size:13px;font-weight:750;color:color-mix(in srgb,var(--gr-muted) 45%,transparent);text-decoration:none}
a.cms-content-glossary-ref__letter{color:var(--gr-accent)}
a.cms-content-glossary-ref__letter:hover,a.cms-content-glossary-ref__letter:focus-visible{background:color-mix(in srgb,var(--gr-accent) 12%,var(--gr-paper))}
.cms-content-glossary-ref__status{grid-column:1/-1;margin:0;font-size:13px;color:var(--gr-muted)}
.cms-content-glossary-ref__status:empty{display:none}

/* Card additions: anchor, aliases, example and pitfall notes, see-also chips. */
.cms-content-glossary__card{scroll-margin-top:calc(var(--cms-header-height,72px) + 96px)}
.cms-content-glossary__card[hidden],.cms-content-glossary[hidden]{display:none}
.cms-content-glossary__card-head{position:relative}
.cms-content-glossary__anchor{margin-left:auto;padding:2px 8px;border-radius:7px;color:color-mix(in srgb,var(--color-text-muted,#5f6b70) 70%,transparent);font-weight:700;text-decoration:none}
.cms-content-glossary__anchor:hover,.cms-content-glossary__anchor:focus-visible{color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 10%,var(--color-bg,#fff))}
.cms-content-glossary__anchor.is-copied::after{content:" lien copié";font-size:12px;font-weight:600}
.cms-content-glossary__aliases{margin:-.4rem 0 .6rem;font-size:13px;color:var(--color-text-muted,#5f6b70)}
.cms-content-glossary__notes{display:grid;gap:8px;margin:14px 0 0}
.cms-content-glossary__note{padding:10px 12px;border-radius:calc(var(--radius,16px) * .6);font-size:14.5px;line-height:1.55}
.cms-content-glossary__note--example{background:color-mix(in srgb,var(--color-accent) 8%,var(--color-bg,#fff))}
.cms-content-glossary__note--pitfall{background:color-mix(in srgb,var(--color-accent-2,var(--color-accent)) 12%,var(--color-bg,#fff))}
.cms-content-glossary__note dt{margin:0 0 2px;font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--color-accent)}
.cms-content-glossary__note--pitfall dt{color:color-mix(in srgb,var(--color-accent-2,var(--color-accent)) 60%,var(--color-text,#202020))}
.cms-content-glossary__note dd{margin:0;color:var(--color-text,#202020)}
.cms-content-glossary__see{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:14px 0 0;font-size:13px;color:var(--color-text-muted,#5f6b70)}
.cms-content-glossary__chip{display:inline-flex;align-items:center;min-height:28px;padding:3px 11px;border:1px solid color-mix(in srgb,var(--color-accent) 22%,transparent);border-radius:999px;color:var(--color-text,#202020);font-weight:600;text-decoration:none}
.cms-content-glossary__chip:hover{border-color:var(--color-accent)}
.cms-content-glossary__chip--article::after{content:"→";margin-left:5px;color:var(--color-accent)}
.cms-content-glossary__card.is-target{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent) 35%,transparent)}
/* The theme underlines every content link (0,1,1): navigation-like links of the glossary are not prose links. */
.cms-content-glossary-ref a.cms-content-glossary-ref__letter,.cms-content-glossary a.cms-content-glossary__anchor,.cms-content-glossary a.cms-content-glossary__chip{text-decoration:none}
.cms-content-glossary a.cms-content-glossary__chip{color:var(--color-text,#202020)}
@media (max-width:760px){
  .cms-content-glossary-ref{grid-template-columns:1fr;top:calc(var(--cms-header-height,64px) + 6px);padding:10px 12px}
  .cms-content-glossary-ref__letters{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
  .cms-content-glossary-ref__letters::-webkit-scrollbar{display:none}
}
@media print{.cms-content-glossary-ref{display:none!important}}

/* GLOSSARY_ANCHOR_PLAIN_V1: a plain # — the decorative corner arc of the generic card is removed (it framed the anchor). */
.cms-content-glossary .cms-content-glossary__card::after{content:none}
.cms-content-glossary__see + .cms-content-glossary__see{margin-top:8px}

/* GLOSSARY_FAMILY_NAV_V1 — family chips in the reference bar (title + number of terms, the visible family active). */
.cms-content-glossary-ref__families{display:flex;flex-wrap:wrap;gap:8px}
.cms-content-glossary-ref__family{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:6px 8px 6px 14px;border:1px solid color-mix(in srgb,var(--color-accent) 24%,transparent);border-radius:999px;color:var(--color-text,#202020);background:var(--color-bg,#fff);font-size:14px;font-weight:650;text-decoration:none;transition:background-color .2s ease,border-color .2s ease,color .2s ease}
.cms-content-glossary-ref__family b{min-width:24px;padding:2px 7px;border-radius:999px;color:var(--color-text-muted,#5f6b70);background:color-mix(in srgb,var(--color-accent) 10%,var(--color-bg,#fff));font-size:12px;text-align:center}
.cms-content-glossary-ref__family:hover{border-color:var(--color-accent)}
.cms-content-glossary-ref__family.is-active{border-color:var(--color-dark-bg,#161523);color:#fff;background:var(--color-dark-bg,#161523)}
.cms-content-glossary-ref__family.is-active b{color:var(--color-dark-bg,#161523);background:var(--color-accent-2,#f3b44e)}
.cms-content-glossary-ref__family.is-empty{opacity:.45;pointer-events:none}
@media (max-width:700px){.cms-content-glossary-ref__families{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.cms-content-glossary-ref__family{flex:0 0 auto}}
.cms-content-glossary-ref a.cms-content-glossary-ref__family{color:var(--color-text,#202020);text-decoration:none}
.cms-content-glossary-ref a.cms-content-glossary-ref__family.is-active{color:#fff}
