/* WHA Rides — structural layout: sections, sidebar layouts. */

.wha-main {
	min-height: 40vh;
}

.wha-section {
	padding-block: 4rem;
}

@media (min-width: 782px) {
	.wha-section {
		padding-block: 6rem;
	}
}

@media (min-width: 1100px) {
	.wha-section {
		padding-block: 8rem;
	}
}

.wha-single-layout,
.wha-blog-layout {
	display: grid;
	gap: 3rem;
	padding-block: 3rem 6rem;
	grid-template-columns: 1fr;
}

@media (min-width: 960px) {
	.wha-single-layout,
	.wha-blog-layout {
		grid-template-columns: minmax(0, 1fr) 320px;
	}
}

.wha-blog-grid {
	display: grid;
	gap: 2rem;
	grid-template-columns: 1fr;
}

@media (min-width: 640px) {
	.wha-blog-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}