/* Full-viewport flex layout: nav stays at top, footer at bottom, main fills the rest */
.layout-fullheight {
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}

.layout-fullheight > nav {
	flex-shrink: 0;
}

.layout-fullheight > main {
	flex: 1;
	display: flex;
	flex-direction: column;
	overflow: auto;
}

.layout-fullheight > footer {
	flex-shrink: 0;
}

.split-container {
	display: flex;
	flex: 1;
	min-height: 0;
}

.hero {
	background: var(--bg-dark);
	display: flex;
	flex-direction: column;
	flex: 1;
	min-height: 0;
}

.hero > .split-container {
	flex: 1;
	min-height: 0;
}