/**
 * First-page home flow polish.
 * Keeps the personalized, followed, popular and latest blocks visually ordered.
 */
.ava-home-flow {
	--ava-home-gap: 24px;
}

.ava-home-flow > .ava-personalized-home,
.ava-home-flow > .ava-followed-home,
.ava-home-flow > .ava-popular-home {
	margin: 0 0 var(--ava-home-gap);
}

.ava-home-flow > .ava-personalized-home {
	gap: 16px;
}

.ava-home-flow .ava-personalized-section,
.ava-home-flow > .ava-followed-home,
.ava-home-flow > .ava-popular-home,
.ava-home-flow .ava-home-latest-header {
	padding: 20px;
	border-radius: 20px;
}

.ava-home-flow .ava-personalized-heading,
.ava-home-flow .ava-followed-heading,
.ava-home-flow .ava-popular-heading {
	margin-bottom: 16px;
}

.ava-home-flow .ava-personalized-heading h2,
.ava-home-flow .ava-followed-heading h2,
.ava-home-flow .ava-popular-heading h2,
.ava-home-flow .ava-home-latest-header h1 {
	font-size: 19px;
	line-height: 1.55;
}

.ava-home-flow .ava-personalized-heading h2,
.ava-home-flow .ava-followed-heading h2 {
	display: flex;
	align-items: center;
	gap: 9px;
}

.ava-home-flow .ava-personalized-heading h2::before,
.ava-home-flow .ava-followed-heading h2::before {
	content: "";
	width: 7px;
	height: 24px;
	border-radius: 999px;
	background: linear-gradient(180deg, var(--theme-primary), var(--theme-primary-soft));
	flex: 0 0 auto;
}

.ava-home-flow .ava-personalized-heading p,
.ava-home-flow .ava-followed-heading p,
.ava-home-flow .ava-popular-heading p {
	font-size: 12px;
	line-height: 1.8;
}

.ava-home-latest {
	min-width: 0;
}

.ava-home-latest-header {
	display: grid;
	gap: 5px;
	margin: 0 0 18px;
}

.ava-home-eyebrow {
	display: block;
	color: var(--theme-primary);
	font-size: 11px;
	font-weight: 800;
	line-height: 1.6;
}

.ava-home-latest-header h1 {
	margin: 0;
}

.ava-home-latest > .pagination-wrap {
	margin-bottom: 0;
}

@media (max-width: 720px) {
	.ava-home-flow {
		--ava-home-gap: 16px;
	}

	.ava-home-flow > .ava-personalized-home {
		gap: 12px;
	}

	.ava-home-flow .ava-personalized-section,
	.ava-home-flow > .ava-followed-home,
	.ava-home-flow > .ava-popular-home,
	.ava-home-flow .ava-home-latest-header {
		padding: 14px;
		border-radius: 17px;
	}

	.ava-home-flow .ava-personalized-heading,
	.ava-home-flow .ava-followed-heading,
	.ava-home-flow .ava-popular-heading {
		margin-bottom: 12px;
	}

	.ava-home-flow .ava-personalized-heading h2,
	.ava-home-flow .ava-followed-heading h2,
	.ava-home-flow .ava-popular-heading h2,
	.ava-home-flow .ava-home-latest-header h1 {
		font-size: 16px;
	}

	.ava-home-flow .ava-personalized-heading h2::before,
	.ava-home-flow .ava-followed-heading h2::before {
		height: 20px;
		width: 6px;
	}

	.ava-home-flow .ava-followed-heading > a {
		font-size: 12px;
	}
}