/* /glossaire — Glossaire technique. Compléments minimes au design system (jetons de site.css uniquement). */

/* En-tête : note de prononciation à la place d’une illustration */
.pron{align-self:end;max-width:300px;padding:var(--s-5);border-left:2px solid var(--sumi);background:var(--washi-2)}
.pron-title{font:600 var(--fs-xs)/1.3 var(--f-text);letter-spacing:.16em;text-transform:uppercase;color:var(--sumi);margin-bottom:var(--s-3)}
.pron dl{display:grid;gap:2px}
.pron dl > div{display:grid;grid-template-columns:2.2rem minmax(0,1fr);align-items:baseline;gap:var(--s-3);padding-block:4px;border-top:1px solid var(--rule)}
.pron dl > div:first-child{border-top:0}
.pron dt{font:italic 600 1.5rem/1 var(--f-display);color:var(--sumi)}
.pron dd{font-size:.9375rem;color:var(--sumi-2)}

/* Recherche (collante) + catégories : masquées sans JS (tout le glossaire reste lisible) */
html:not(.js) .gloss-js{display:none}
.gloss-search{position:sticky;top:var(--head-h);z-index:5;display:flex;align-items:center;gap:var(--s-3) var(--s-5);padding-block:var(--s-3);background:var(--washi) var(--paper);border-bottom:1px solid var(--rule)}
.gloss-search .search{flex:1 1 auto;max-width:none}
.gloss-search .filter-count{flex:none;min-width:8.5em;text-align:right;font-variant-numeric:tabular-nums}
.gloss-filter{display:grid;gap:var(--s-3);padding-top:var(--s-4);margin-bottom:var(--s-8)}
.filter-hint{font-size:.8125rem;color:var(--sumi-3)}
.gloss-doc .term-group,.gloss-doc .terms > div,.nomen-sec{scroll-margin-top:84px}

/* Catégories */
.term-head{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:var(--s-4);align-items:baseline;margin-bottom:var(--s-5)}
.term-n{font:500 1.125rem/1 var(--f-display);color:var(--shu-ink);font-variant-numeric:lining-nums;min-width:1.6em}
.term-head h2{font:500 clamp(1.9rem,1.4rem + 1.6vw,2.75rem)/1.08 var(--f-display);letter-spacing:-.01em;text-wrap:balance}
.term-intro{grid-column:2;margin-top:var(--s-3);color:var(--sumi-2);max-width:var(--measure)}
.term-sub{margin-top:var(--s-6)}
.term-sub h3{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--s-1) var(--s-3);margin-bottom:var(--s-3);font:600 var(--fs-xs)/1.4 var(--f-text);letter-spacing:.16em;text-transform:uppercase;color:var(--sumi-3)}
.term-sub-ja{font:italic 500 1.25rem/1.2 var(--f-display);letter-spacing:0;text-transform:none;color:var(--sumi)}
.gloss-doc dl.terms + .term-sub{margin-top:var(--s-6)}
.terms > div:target{background:var(--washi-2);box-shadow:-12px 0 0 var(--washi-2),12px 0 0 var(--washi-2)}
.terms > div:target dt{color:var(--shu-ink)}
.terms dd i[lang]{color:var(--sumi)}
.terms dd .link{text-underline-offset:2px}

/* Omote / ura */
.omote-ura{margin-top:var(--s-6);max-width:52rem}
.ou-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-5);padding-top:var(--s-2)}
.ou-pair dt{font:italic 500 1.75rem/1.1 var(--f-display);color:var(--sumi);margin-bottom:var(--s-1)}

/* Lire le nom d’une technique */
.nomen-sec{margin-top:var(--s-8);padding-top:var(--s-7);border-top:1px solid var(--rule)}
.nomen{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--s-4)}
.nomen a{display:grid;gap:var(--s-1);padding-top:var(--s-4);border-top:2px solid var(--sumi);text-decoration:none;color:inherit;transition:border-color .25s}
.nomen li:nth-child(2) a{border-top-color:var(--usu)}
.nomen li:nth-child(3) a{border-top-color:var(--shu)}
.nomen-w{font:500 clamp(1.6rem,1.2rem + 1.4vw,2.5rem)/1.05 var(--f-display);color:var(--sumi);transition:color .25s}
.nomen-k{font:600 var(--fs-xs)/1.4 var(--f-text);letter-spacing:.16em;text-transform:uppercase;color:var(--sumi-3);margin-top:var(--s-2)}
.nomen-d{font-size:.9375rem;color:var(--sumi-2)}
.nomen a:hover .nomen-w{color:var(--shu-ink)}

@media (max-width:960px){
  /* la barre collante couvre toute la largeur (gouttières comprises) */
  .gloss-search{margin-inline:calc(-1 * var(--gutter));padding-inline:var(--gutter)}
  .pron{max-width:none;width:100%}
  .pron dl{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--s-5)}
  .pron dl > div:nth-child(2){border-top:0}
}
@media (max-width:640px){
  /* Catégories : une ligne défilante plutôt que quatre rangées de pastilles */
  .gloss-filter .chips{flex-wrap:nowrap;overflow-x:auto;margin-inline:calc(-1 * var(--gutter));padding-inline:var(--gutter);scroll-padding-inline:var(--gutter);scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .gloss-filter .chips::-webkit-scrollbar{display:none}
  .gloss-filter .chip{flex:none}
  .gloss-search .filter-count{min-width:0;font-size:.8125rem}
  .term-head{grid-template-columns:1fr}
  .term-n{margin-bottom:var(--s-2)}
  .term-intro{grid-column:1}
  .ou-pair,.nomen{grid-template-columns:1fr}
  .nomen{row-gap:var(--s-5)}
  .pron dl{grid-template-columns:1fr 1fr}
}

/* Lien de pied du sommaire : même corps que les entrées du sommaire (le reste vient de .link-arrow et .toc-foot, site.css) */
.toc .toc-foot a.link-arrow{font-size:.875rem}
@media (min-width:641px) and (max-width:900px){
  .gloss-doc .terms{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--s-6)}
}