/**
 * Page des articles `/blog/` (tokens `--fl-*` uniquement).
 */

.fl-blog-home {
	color: var(--fl-text-primary);
}

.fl-blog-home__header {
	padding: var(--fl-space-5xl) var(--fl-space-lg);
	background: var(--fl-color-surface);
	border-bottom: 1px solid var(--fl-color-border);
	text-align: center;
}

.fl-blog-home__title {
	margin: 0;
	font-size: var(--fl-font-size-3xl);
	font-weight: var(--fl-font-weight-bold);
	line-height: var(--fl-line-height-tight);
	color: var(--fl-text-primary);
}

.fl-blog-home__lede {
	max-width: 580px;
	margin: var(--fl-space-sm) auto 0;
	font-size: var(--fl-font-size-md);
	line-height: var(--fl-line-height-snug);
	color: var(--fl-text-secondary);
}

.fl-blog-home__bottom-ad {
	max-width: 1170px;
	margin: var(--fl-space-4xl) auto;
}

@media (max-width: 767px) {
	.fl-blog-home__header {
		padding: var(--fl-space-4xl) var(--fl-space-xl);
	}

	.fl-blog-home__title {
		font-size: var(--fl-font-size-2xl);
	}

	.fl-blog-home__bottom-ad {
		margin: var(--fl-space-3xl) var(--fl-space-xl);
	}
}