/* Latest-posts home and category lists; content clusters retain their existing styles. */
.bn-archive-grid-view #content.blognetwork-site-content {
	margin-top: 0;
	/* Keep the legacy header reservation until JavaScript can measure it. */
}

/* Home Martillo keeps its editorial canvas; the separate post-list section is white. */
.bn-home-martillo-view #content.blognetwork-site-content {
	background: #f3f5f8;
}

.bn-archive-grid-view #content.blognetwork-site-content.bn-archive-header-measured {
	padding-top: var(--bn-archive-header-space, 0px) !important;
}

.bn-archive-grid-view .bn-archive-listing {
	padding-top: 32px;
}

.bn-archive-grid-view .bn-archive-listing > .container,
.bn-archive-grid-view .bn-archive-listing .bn-home-listing-container {
	display: block;
	width: 100%;
	max-width: var(--bn-archive-max-width, 920px);
	margin: 0 auto;
	padding: 0 24px;
}

.bn-archive-grid-view .bn-archive-listing .site-main {
	width: 100%;
	max-width: none;
	margin: 0;
}

.bn-archive-grid-view .bn-archive-listing .blognetwork-content {
	float: none;
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0 0 48px;
}

.bn-archive-grid-view .bn-archive-listing .blognetwork-module {
	width: 100%;
	max-width: none;
	padding: 0;
}

.bn-archive-grid-view .bn-archive-listing .bn-archive-cluster {
	display: grid;
	grid-template-columns: repeat(var(--bn-archive-columns, 3), minmax(0, 1fr));
	gap: 32px;
	margin: 0 0 32px;
}

.bn-archive-grid-view .bn-archive-listing .blognetwork-pagination {
	margin-top: 0;
	padding-top: 0;
}

.bn-archive-grid-view .bn-archive-listing .blognetwork-pagination-numeric {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 8px;
}

.bn-archive-grid-view .bn-archive-cluster > .bn-cluster-card {
	float: none;
	width: auto;
	max-width: none;
	margin: 0;
	padding: 0;
}

.bn-archive-grid-view .bn-archive-cluster > .blognetwork-ad {
	grid-column: 1 / -1;
	width: 100%;
	max-width: 100%;
	margin: 0;
	padding: 0;
}

.bn-archive-grid-view .bn-archive-cluster > .block-container {
	grid-column: 1 / -1;
}

/* Home Martillo is a separate row; the post grid keeps its complete width. */
.bn-archive-grid-view .bn-has-home-text .site-main {
	display: flex;
	flex-direction: column;
	gap: 24px;
	padding-bottom: 0;
	/* The TOC's global main overflow would create a non-scrolling sticky ancestor. */
	overflow: visible;
}

.bn-archive-grid-view .bn-home-listing-section {
	background: #fff;
	padding: 32px 0 48px;
}

.bn-archive-grid-view .bn-has-home-text .blognetwork-content {
	padding-bottom: 0;
}

.bn-archive-grid-view .bn-has-home-text .blognetwork-module > :last-child {
	margin-bottom: 0;
}

.bn-archive-grid-view .bn-home-martillo-section {
	min-width: 0;
	margin: 0;
	padding: 0 24px;
}

.bn-archive-grid-view .bn-home-martillo-section:last-child {
	padding-bottom: 48px;
}

.bn-home-martillo-section .bn-editorial-layout {
	gap: 32px;
}

.bn-home-martillo-section .blognetwork-home-content {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
	border: 0;
}

.bn-home-martillo-section .blognetwork-home-content h1 {
	text-align: center;
}

.bn-home-martillo-section .bn-editorial-sidebar {
	min-width: 0;
	overflow-wrap: anywhere;
}

.bn-archive-grid-view .bn-archive-cluster > .blognetwork-ad[data-bn-consent-slot]:empty {
	display: none;
}

@media (min-width: 1025px) {
	.bn-archive-grid-view .bn-archive-listing .bn-archive-cluster.bn-cluster-columns-4 {
		gap: 24px;
	}

	.bn-archive-grid-view .bn-archive-listing .bn-archive-cluster.bn-cluster-columns-4 .bn-cluster-title {
		font-size: 18px;
	}

	.bn-archive-grid-view .bn-archive-listing .bn-archive-cluster.bn-cluster-columns-5,
	.bn-archive-grid-view .bn-archive-listing .bn-archive-cluster.bn-cluster-columns-6 {
		gap: 16px;
	}

	.bn-archive-grid-view .bn-archive-listing .bn-archive-cluster.bn-cluster-columns-5 .bn-cluster-title,
	.bn-archive-grid-view .bn-archive-listing .bn-archive-cluster.bn-cluster-columns-6 .bn-cluster-title {
		font-size: 16px;
	}
}

@media (max-width: 1024px) {
	.bn-archive-grid-view .bn-archive-listing .bn-archive-cluster {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 24px;
	}
}

@media (min-width: 1300px) {
	/* Leave room for the fixed sharing buttons without tying the grid to the article. */
	body.bn-archive-grid-view .bn-archive-listing > .container,
	body.bn-archive-grid-view .bn-archive-listing .bn-home-listing-container {
		width: calc(100% - 112px);
	}
}

@media (max-width: 599px) {
	.bn-archive-grid-view .bn-has-home-text .site-main {
		gap: 16px;
	}

	.bn-archive-grid-view .bn-archive-listing {
		padding-top: 24px;
	}

	.bn-archive-grid-view .bn-home-listing-section {
		padding-top: 24px;
	}

	.bn-archive-grid-view .bn-archive-listing > .container,
	.bn-archive-grid-view .bn-archive-listing .bn-home-listing-container,
	.bn-archive-grid-view .bn-home-martillo-section {
		padding: 0 16px;
	}

	.bn-archive-grid-view .bn-archive-listing .bn-archive-cluster {
		grid-template-columns: minmax(0, 1fr);
		margin-bottom: 24px;
	}

	.bn-home-martillo-section .bn-editorial-layout {
		gap: 24px;
	}

	/* Wide Home tables scroll locally instead of widening the mobile page. */
	.bn-home-martillo-section .blognetwork-home-content table {
		display: block;
		max-width: 100%;
		overflow-x: auto;
	}
}