/* Glossary auto-definition links.

   Deliberately quieter than editorial prose links: the EF pill style
   (`.ef-prose a` in elementor-framework) signals "go read this page",
   while a glossary link only offers a definition. Dotted underline is
   the conventional "definition available" affordance.

   Specificity: the EF pill selector is
   `.ef-prose a:not([class*="ef-buttons-item"]):not([class*="ef-button"])`
   (0,3,1). Doubling `.va-gloss` (0,5,1) outranks it (equal (0,4,1) lost to source order under LiteSpeed CSS combination) without !important. */

.ef-prose a.va-gloss.va-gloss.va-gloss {
	padding: 0;
	border: 0;
	border-radius: 0;
	background-color: transparent;
	color: inherit;
	text-decoration: underline;
	text-decoration-style: dotted;
	text-decoration-color: var(--ef-color-primary);
	text-decoration-thickness: from-font;
	text-underline-offset: 0.2em;
	cursor: help;
	transition: color var(--ef-motion-default) var(--ef-ease);
}

.ef-prose a.va-gloss.va-gloss.va-gloss::after {
	content: none;
}

.ef-prose a.va-gloss.va-gloss.va-gloss:is(:hover, :focus-visible) {
	color: var(--ef-color-primary);
	background-color: transparent;
	text-decoration-style: solid;
}