/**
 * Generic page layout and prose styles.
 */

.lh-page {
	padding-block: var(--spacing-xl);
}

.lh-page__header {
	display: grid;
	gap: var(--spacing-sm);
	margin-bottom: var(--spacing-lg);
}

.lh-page__title {
	margin-bottom: 0;
}

.lh-page__lead {
	font-size: var(--font-size-base);
	margin-bottom: 0;
	max-width: var(--content-max-width);
}

.lh-page__content {
	display: grid;
	gap: var(--spacing-md);
}

.lh-page__content > :first-child {
	margin-top: 0;
}

.lh-page__content > :last-child {
	margin-bottom: 0;
}

.lh-page__content p,
.lh-page__content li {
	max-width: none;
}

.lh-page__content h2 {
	margin-bottom: 0;
	margin-top: 0;
}

.lh-page__content h2:first-child {
	margin-top: 0;
}

.lh-page__content h3 {
	margin-bottom: var(--spacing-xs);
	margin-top: var(--spacing-sm);
}

.lh-page__content ul,
.lh-page__content ol {
	margin-bottom: 0;
	padding-left: 1.25rem;
}

.lh-page__content li + li {
	margin-top: var(--spacing-xs);
}

.lh-page__pagination {
	margin-top: var(--spacing-md);
}

.lh-page__pagination-label {
	color: var(--color-text-muted);
	font-size: var(--font-size-sm);
	margin-bottom: 0;
	max-width: none;
}

@media (min-width: 768px) {
	.lh-page {
		padding-block: var(--spacing-2xl);
	}
}