/* =============================================================================
 * Highlight Text — typographic effects applied to .fw-hl__text.
 * ========================================================================== */
.fw-hl {
	--hl-text: inherit;
	--hl-accent: #ffe066;
	--hl-accent2: var(--color-primary, #4a90d9);
	margin: 0;
	color: var(--hl-text);
}
.fw-hl__empty { color: #6c757d; font-style: italic; }@media (prefers-reduced-motion: reduce) {

	.fw-hl__text { transition: none; }
}

/* Plain prefix / suffix around the highlighted phrase — they keep the normal text
   colour/weight and never receive the effect (which is scoped to .fw-hl__text). */
.fw-hl__prefix,
.fw-hl__suffix { color: var(--hl-text); }