/**
 * Posts listing grid (archives / search / blog). 3-column grid; tall/wide cells
 * merge via spans, the rest flow naturally. Mobile is a single column.
 */

.posts-grid {
	display: grid;
	gap: 15px;
}

@media (min-width: 768px) {
	.posts-grid {
		grid-template-columns: repeat(3, 1fr);
		grid-auto-rows: minmax(235px, auto);
	}

	.posts-grid__cell--tall {
		grid-row: span 2;
	}

	.posts-grid__cell--wide {
		grid-column: span 2;
	}

	.posts-grid__cell--mobile-only {
		display: none;
	}
}

@media (max-width: 767px) {
	.posts-grid__cell--desktop-only {
		display: none;
	}
}