/* Chill Media blog index: compact editorial navigation, matching the reference. */
.chills-blog-header {
	padding-bottom: 0;
}

.chills-blog-header .archive-title {
	margin-bottom: 0;
}

.chills-blog-intro {
	max-width: 72rem;
	margin-top: 20px;
	color: #536065;
	font-size: 1.7rem;
	line-height: 1.6;
}

.chills-blog-intro p {
	margin: 0;
}

.chills-blog-tabs {
	display: flex;
	align-items: center;
	gap: clamp( 22px, 3.2vw, 44px );
	max-width: 100%;
	margin: 32px 0 0;
	padding: 0 0 2px;
	overflow-x: auto;
	overscroll-behavior-x: contain;
	white-space: nowrap;
	scrollbar-width: none;
}

.chills-blog-tabs::-webkit-scrollbar {
	display: none;
}

.chills-blog-tab {
	position: relative;
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	min-height: 42px;
	padding: 0 0 6px;
	border-bottom: 2px solid transparent;
	color: inherit;
	font-size: clamp( 15px, 1.2vw, 18px );
	line-height: 1.35;
	text-decoration: none;
	transition: color 160ms ease, border-color 160ms ease;
}

.chills-blog-tab:hover,
.chills-blog-tab:focus-visible,
.chills-blog-tab.is-active {
	border-bottom-color: #e83b50;
	color: #202d31;
}

.chills-blog-tab:focus-visible {
	outline: 2px solid #e83b50;
	outline-offset: 3px;
}

.chills-blog-page .posts {
	margin-top: 32px;
}

.chills-blog-pagination {
	margin-top: 48px;
}

.chills-blog-pagination .page-numbers {
	justify-content: center;
}

.chills-blog-empty {
	padding-top: 48px;
	padding-bottom: 48px;
}

@media (max-width: 767px) {
	.chills-blog-tabs {
		gap: 24px;
		margin-top: 22px;
	}

	.chills-blog-intro {
		margin-top: 14px;
		font-size: 1.5rem;
	}

	.chills-blog-page .posts {
		margin-top: 32px;
	}
}