/* Section: Checklist */

.tra-checklist {
	--tra-pad-block: 4rem;
	--tra-checklist-gap: 1rem;
}

.tra-checklist__heading {
	margin-bottom: 2rem;
}

.tra-checklist__intro {
	margin-bottom: 1.5rem;
}

.tra-checklist__list {
	display: flex;
	flex-direction: column;
	gap: var(--tra-checklist-gap);
	margin: 0;
	padding: 0;
	list-style: none;
}

/* Source: p-6 = 1.5rem, gap-4 = 1rem, rounded-2xl = 1rem. */
.tra-checklist__item {
	display: flex;
	align-items: center;
	gap: 1rem;
	padding: 1.5rem;
	background-color: color-mix(in srgb, var(--tra-cream) 10%, transparent);
	border: 1px solid var(--tra-hairline);
	border-radius: var(--tra-r-md);
}

.tra-checklist__icon-wrap {
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	color: var(--tra-accent);
	font-size: 1rem;
	line-height: 1;
}

.tra-checklist__icon-wrap svg {
	width: 1em;
	height: 1em;
	fill: currentColor;
}

/* Source leading: text-base pairs with 1.5rem (24px). */
.tra-checklist__text {
	min-width: 0;
	font-size: 1rem;
	line-height: 1.5;
	color: var(--tra-ink-soft);
}

.tra-checklist__label {
	font-weight: 900;
	color: var(--tra-ink);
}

@media (min-width: 768px) {
	.tra-checklist__icon-wrap {
		font-size: 1.125rem;
	}
}