/* ============================================================
 * BIOTA · PRIMITIVE · Checklist
 * A stack of "green tick + text" benefit rows. The tick is a glyph
 * (stands in for Figma's icon); swap for an icon block without CSS changes.
 * ============================================================ */

.biota-checklist {
	display: flex;
	flex-direction: column;
	gap: 11px;
}

.biota-check {
	display: flex;
	align-items: flex-start;
	gap: 10px;
}

.biota-check__mark {
	flex: 0 0 auto;
	margin: 0;
	color: var(--wp--preset--color--success);
	font-weight: 700;
	font-size: var(--wp--preset--font-size--body);
	line-height: 1.6;
}

.biota-check__text {
	margin: 0;
	color: var(--wp--preset--color--text-strong); /* #444444 (Figma) */
	font-size: var(--wp--preset--font-size--body);
	line-height: 1.5;
}