/*
 * Homepage-only repair. The theme wraps the landing page in a two-column
 * article layout while the hero calculates spacing from the viewport.
 */
body.home .wrap {
	width: 100% !important;
	max-width: none !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

body.home .plyt {
	display: block !important;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

body.home .plyt > aside {
	display: none !important;
}

body.home .plyt > article.prose,
body.home article.prose {
	width: 100% !important;
	max-width: none !important;
	min-width: 0 !important;
	margin: 0 !important;
	overflow: visible !important;
}

body.home .ekr-demo-hero {
	display: grid !important;
	grid-template-columns: minmax(0, 1.05fr) minmax(280px, .95fr) !important;
	gap: clamp(32px, 4vw, 55px) !important;
	align-items: center !important;
	width: 100% !important;
	max-width: none !important;
	min-width: 0 !important;
	box-sizing: border-box !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

body.home .ekr-demo-hero > div,
body.home .ekr-demo-hero > .ekr-meter {
	min-width: 0 !important;
}

body.home .ekr-demo-hero > div:first-child {
	width: auto !important;
	max-width: 650px !important;
}

body.home .ekr-demo-hero .ekr-meter {
	width: 100% !important;
	max-width: 450px !important;
	box-sizing: border-box !important;
	justify-self: center !important;
}

body.home .ekr-demo-hero h2,
body.home .ekr-demo-hero p {
	word-break: normal !important;
	overflow-wrap: normal !important;
}

@media (max-width: 900px) {
	body.home .ekr-demo-hero {
		grid-template-columns: minmax(0, 1fr) !important;
	}

	body.home .ekr-demo-hero > div:first-child {
		max-width: none !important;
	}
}

@media (max-width: 600px) {
	body.home .ekr-demo-hero {
		gap: 30px !important;
		padding-left: 20px !important;
		padding-right: 20px !important;
	}

	body.home .ekr-demo-hero .ekr-meter {
		max-width: 100% !important;
		transform: none !important;
	}
}