.ybc-container {
	width: min(100% - calc(var(--container-padding-mobile) * 2), var(--container-default));
	margin-inline: auto;
}

.site-main {
	min-height: 55vh;
}

@media (min-width: 768px) {
	.ybc-container {
		width: min(100% - calc(var(--container-padding-tablet) * 2), var(--container-default));
	}
}

@media (min-width: 1200px) {
	.ybc-container {
		width: min(100% - calc(var(--container-padding-desktop) * 2), var(--container-default));
	}
}

@media (min-width: 1600px) {
	.ybc-container {
		max-width: var(--container-xl);
	}
}