.yepx-wrap,
.yepx-header__inner,
.yepx-topbar__inner,
.yepx-footer__inner,
.site-main {
	width: min(var(--yepx-wide), calc(100% - (var(--yepx-gutter) * 2)));
	margin-inline: auto;
	min-width: 0;
	max-width: 100%;
}

.site-main {
	padding-block: 0;
}

.yepx-section {
	padding-block: var(--yepx-section-space);
}

.yepx-section--alt {
	background: var(--yepx-color-surface-alt);
	border-radius: var(--yepx-radius-xl);
}

.yepx-grid-2,
.yepx-grid-3,
.yepx-grid-4 {
	display: grid;
	gap: 1.25rem;
	grid-template-columns: 1fr;
}

@media (min-width: 768px) and (max-width: 1024px) {
	.yepx-grid-2,
	.yepx-grid-3,
	.yepx-grid-4 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 1025px) {
	.yepx-grid-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.yepx-grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.yepx-grid-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}