/* Fortuna Woordenboek — alleen de lemma-tekst. Kleuren en dialog komen uit Fortuna UI. */
.fw-dialog .fw-lemma p {
	margin: 0 0 1em;
	padding: 0;
	color: var(--fu-text);
	font-size: inherit;
	line-height: 1.6;
}

.fw-dialog .fw-lemma p:last-child {
	margin-bottom: 0;
}

.fw-dialog .fw-lemma strong {
	color: var(--fu-green-dark);
	font-weight: 700;
}

.fw-dialog .fw-lemma a {
	color: var(--fu-green);
	text-decoration: underline;
}

.fw-dialog .fw-lemma img {
	max-width: 100%;
	height: auto;
}

/* Laden: dash-ring in de stijl van loading-ui, Fortuna-groen. */
.fw-dialog .fw-loading {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 14px;
	min-height: 120px;
	padding: 24px 12px;
	color: var(--fu-green);
	text-align: center;
}

.fw-dialog .fw-loading__label {
	margin: 0;
	color: var(--fu-text);
	font-size: 16px;
	font-weight: 500;
	line-height: 1.4;
}

.fw-dialog .fw-dash-ring {
	display: block;
	width: 36px;
	height: 36px;
	color: var(--fu-green);
}

.fw-dialog .fw-dash-ring circle {
	fill: none;
	stroke: currentColor;
	stroke-width: 2;
	stroke-linecap: round;
}

.fw-dialog .fw-dash-ring__track {
	opacity: 0.15;
}

@media (prefers-reduced-motion: reduce) {
	.fw-dialog .fw-dash-ring animate,
	.fw-dialog .fw-dash-ring animateTransform {
		display: none;
	}

	.fw-dialog .fw-dash-ring__dash {
		stroke-dasharray: 28 150;
		stroke-dashoffset: -20;
	}
}