.sl-glossaire-tooltip {
	position: fixed; /* viewport-relative: works regardless of parent positioning context */
	display: none;
	padding: 0.4rem 0.6rem;
	font-size: 0.85rem;
	line-height: 1.4;
	background: #111;
	color: #fff;
	border-radius: 4px;
	max-width: 320px;
	z-index: 9999;
}

/* Un terme lié reste un mot dans sa phrase, quel que soit le widget hôte.
   Elementor « Liste d'icônes » impose display:flex + width:100% à TOUT lien de
   ses lignes (.elementor-icon-list-item a) : sans ce verrou, le terme devient un
   bloc pleine largeur et coupe la phrase en morceaux (/en-bref/, 11/10/2026). */
a.sl-glossaire-term {
	display: inline !important;
	width: auto !important;
	flex: none !important;
}

.sl-glossaire-term {
	color: inherit;
	text-decoration: none !important;
	border-bottom: none !important;
	cursor: help; /* optionnel */
}

/* Le petit astérisque "*" en exposant (marqueur de définition) */
.sl-glossaire-term::after {
	content: "*";
	font-size: 0.85em;
	/* Pas de vertical-align: super — il agrandit la boîte de ligne et crée des
	   interlignes inégaux dès qu'un terme est lié (T9, 11/10/2026). On élève le
	   glyphe sans toucher la ligne : line-height 0 + décalage relatif. */
	line-height: 0;
	position: relative;
	top: -0.45em;
	margin-left: 0.1em;
}

/* On garde le texte lisse au survol/focus */
.sl-glossaire-term:hover,
.sl-glossaire-term:focus {
	text-decoration: none !important;
	border-bottom: none !important;
}