/**
 * Section vertical rhythm — compact · standard · spacious
 */

.section-sm,
.section--compact {
	padding-block: var(--section-space-compact);
}

.section,
.section--standard {
	padding-block: var(--section-space);
}

.section-lg,
.section--spacious {
	padding-block: var(--section-space-spacious);
}

.section-alt {
	background-color: var(--color-surface-soft);
}

.section-bordered {
	border-block: 1px solid var(--color-border);
}

.section-header {
	max-width: var(--measure-narrow);
	margin-bottom: var(--space-8);
}

.section-header--center {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.section-header__title {
	margin-bottom: var(--space-3);
	font-size: var(--text-h2);
}

.section-header__lead {
	font-size: var(--text-lead);
	color: var(--color-text-muted);
	line-height: var(--leading-body);
	margin: 0;
}