/* Lexique : liens pointillés et bulle de définition. */
a.lex { text-decoration-style: dotted; text-decoration-thickness: 1.5px; }
a.lex:hover { text-decoration-style: solid; }
.bulle-lex {
  position: absolute; z-index: 20; width: max-content; max-width: min(20rem, calc(100vw - 24px));
  background: var(--encre); color: var(--creme); padding: 10px 12px 9px; border-radius: 6px;
  font-size: .9rem; line-height: 1.45; box-shadow: 0 6px 18px rgba(27, 23, 20, .28);
}
.bulle-lex p { margin: 0 0 .45rem; }
.bulle-lex a { color: var(--creme); font-weight: 700; }
.chapeau { font-size: 1.12rem; font-style: italic; margin: .4rem 0 0; }
.lexique { list-style: none; padding: 0; margin: 1rem 0 0; }
.lexique li { border-bottom: 1px solid var(--trait); padding: 10px 2px; }
.lexique li a { font-weight: 700; }
.lexique li span { display: block; font-size: .9rem; color: var(--encre-douce); }
.retour { margin: 2rem 0 0; }
.entete .marque span { white-space: nowrap; }
.entete nav { text-align: right; line-height: 1.5; }
@media (max-width: 420px) { .entete nav a { font-size: .78rem; } .entete .marque span { font-size: .82rem; } }