/**
 * Blog layout variants.
 *
 * Sidebar grids must only target mains that use the `.hga-layout` content/sidebar
 * structure. Never apply a 2-column grid to bare `.site-main` — marketing templates
 * such as `front-page.php` put homepage sections as direct children of `#primary`.
 */

.hg-layout--blog-sidebar-right.hga-layout,
.hg-layout--blog-sidebar-left.hga-layout,
body.hg-layout--blog-sidebar-right .site-main.hga-layout,
body.hg-layout--blog-sidebar-left .site-main.hga-layout {
	display: grid;
	gap: var(--hga-space-lg);
}

@media (min-width: 900px) {
	body.hg-layout--blog-sidebar-right .site-main.hga-layout {
		display: grid;
		grid-template-columns: minmax(0, 1fr) minmax(14rem, 18rem);
		align-items: start;
		gap: var(--hga-space-lg);
	}

	body.hg-layout--blog-sidebar-left .site-main.hga-layout {
		display: grid;
		grid-template-columns: minmax(14rem, 18rem) minmax(0, 1fr);
		align-items: start;
		gap: var(--hga-space-lg);
	}

	body.hg-layout--blog-sidebar-left .site-main.hga-layout .hga-layout__sidebar {
		order: -1;
	}

	body.hg-layout--full-width .site-main.hga-layout {
		display: block;
	}
}

/* Homepage / flush marketing mains must never inherit blog sidebar columns. */
body .site-main--front,
body.hg-has-flush-hero .site-main--front,
body.hg-layout--application .site-main--front,
body.hg-layout--application .site-main--application {
	display: block;
	grid-template-columns: none;
}

body.hg-layout--full-width .hga-layout__sidebar {
	display: none;
}