/* =========================================================================
 * Content List 001 — Terms and Details
 *
 * Two columns (the block's grid) of rows: the term in small capitals over its
 * line, a fading hairline under each. One column on phones.
 * ========================================================================= */

.content-list-001__head {
	margin-bottom: var(--space-lg);
}

.content-list-001__head > * {
	margin-block: 0;
}

.content-list-001__head h2 {
	margin-top: var(--space-sm);
}

.content-list-001 .content-list-001__grid {
	gap: 0 7%;
}

.content-list-001__row {
	padding-block: var(--space-sm);
	background: var(--fade-rule) bottom / 100% 1px no-repeat;
}

.content-list-001__row > * {
	margin-block: 0;
}

.content-list-001__term {
	margin-bottom: var(--space-xs) !important;
	font-size: var(--wp--preset--font-size--xs);
	font-weight: 500;
	letter-spacing: 0.11em;
	text-transform: uppercase;
}

@media (max-width: 40rem) {
	.content-list-001 .content-list-001__grid {
		grid-template-columns: minmax(0, 1fr);
	}
}