.l-with-sidebar {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-m) 2rem;
	margin-top: var(--space-m);
	margin-bottom: var(--space-m);
}
.l-with-sidebar--left > :first-child,
.l-with-sidebar--right > :last-child {
	flex-basis: var(--sidebar-width, 30ch);
	flex-grow: 1;
}

.l-with-sidebar--left > :last-child,
.l-with-sidebar--right > :first-child {
	flex-basis: 0;
	flex-grow: 999;
	min-inline-size: 38%;
}

.l-with-sidebar--main > :first-child {
	flex-basis: 380px !important;
}
.l-with-sidebar--main > :last-child {
	--sidebar-width: 30%;
	min-width: 28ch;
}

.l-with-sidebar	> div > *:first-child {
	margin-top: 0;
}