@media (max-width: 768px) {

	.container {
		width: min(
			calc(100% - 28px),
			var(--container)
		);
	}

	.menu-toggle {
		display: block;
	}

	.site-navigation {
		display: none;
	}

	.site-navigation.is-open {
		display: block;
	}

	.main-menu {
		flex-direction: column;
		gap: 0;
	}

	.main-menu a {
		border-bottom: 1px solid var(--border);
	}

	.site-main {
		padding-block: 24px;
	}
}