.gloss{--gloss-gap: 64px;padding-top: var(--ds-space-5);padding-bottom: 24px}.gloss-head{position: relative;display: flex;flex-direction: column;gap: 14px;padding-top: 12px}.gloss-head__kicker{display: inline-flex;align-items: center;gap: 8px;margin: 0;color: var(--dc-violet-texte);font-family: var(--dc-font-cond);font-weight: 700;font-size: 14px;letter-spacing: .16em;text-transform: uppercase}.gloss-head__kicker .icon{width: 18px;height: 18px}.gloss-head__title{max-width: 24ch;margin: 0;font-size: clamp(30px,3vw + 10px,46px);line-height: 1.08;letter-spacing: -.03em;text-wrap: balance}.gloss-head__lead{margin: 0;max-width: 780px;font-size: 18px}.gloss-index ul{display: flex;flex-wrap: wrap;gap: 8px;margin: 8px 0 0;padding: 0;list-style: none}.gloss-index__link{display: inline-flex;align-items: center;gap: 8px;min-height: 40px;padding: 6px 8px 6px 14px;border-radius: var(--ds-r-pill);border: 1px solid color-mix(in srgb,var(--dc-violet) 34%,var(--dc-ligne));background: var(--ds-grad-secondary);box-shadow: var(--ds-highlight);color: var(--dc-lumiere);font-weight: 600;font-size: 14px;text-decoration: none}.gloss-index__link .icon{width: 16px;height: 16px;color: var(--dc-violet-texte)}.gloss-index__count{display: grid;place-items: center;min-width: 26px;height: 26px;padding: 0 7px;border-radius: var(--ds-r-pill);font-family: var(--dc-font-cond);font-weight: 700;font-size: 13px;color: var(--dc-violet-texte);background: color-mix(in srgb,var(--dc-violet) 18%,transparent)}.gloss-body{display: flex;flex-direction: column;gap: var(--gloss-gap);margin-top: 40px}.gloss-body>.zone::before{opacity: .5}.gloss-body>.zone::after{opacity: .4}.gloss-section{display: flex;flex-direction: column;gap: 18px;min-width: 0;scroll-margin-top: calc(var(--dc-header-h,72px) + 16px)}.gloss-sec__head{display: flex;flex-wrap: wrap;align-items: center;gap: 10px 14px}.gloss-sec__head h2{margin: 0;font-weight: 700;font-size: clamp(23px,1.4vw + 16px,30px);line-height: 1.15;letter-spacing: -.02em}.gloss-sec__mark{flex: none;display: grid;place-items: center;width: 40px;height: 40px;border-radius: 12px;border: var(--ds-border);background: var(--ds-grad-secondary);color: var(--dc-violet-texte);box-shadow: var(--ds-highlight),0 10px 20px -14px var(--dc-nuit)}.gloss-sec__mark .icon{width: 20px;height: 20px}.gloss-terms{display: grid;grid-template-columns: repeat(auto-fill,minmax(min(100%,300px),1fr));gap: 12px;margin: 0;padding: 0;list-style: none}.gloss-term{position: relative;display: flex;flex-direction: column;gap: 8px;min-width: 0;padding: 18px 20px;border-radius: 18px;border: var(--ds-border);background: var(--nl-card-sheen),var(--ds-surface-raised);box-shadow: var(--ds-elev-1)}.gloss-term__name{margin: 0;font-weight: 700;font-size: 18px;line-height: 1.3}.gloss-term__name a{color: var(--dc-lumiere);text-decoration: none}.gloss-term__name a::after{content: "";position: absolute;inset: 0;border-radius: inherit}.gloss-term__name a:focus-visible{outline: none}.gloss-term:has(a:focus-visible){outline: 2px solid var(--dc-vert);outline-offset: 2px}.gloss-term__short{margin: 0;font-size: 15px;line-height: 1.55;color: var(--dc-texte-2)}.gloss-prose{max-width: 820px}@media (hover: hover){.gloss-index__link:hover{border-color: var(--dc-violet-texte)}.gloss-term:hover .gloss-term__name a{color: var(--dc-vert-clair)}}@media (max-width: 767px){.gloss{--gloss-gap: 48px}.gloss-head__title{font-size: 28px}.gloss-head__lead{font-size: 16px}.gloss-body{margin-top: 28px}.gloss-term{padding: 16px;border-radius: var(--dc-r-card-m)}}
