/* Sidebar primitive */
/* Creates a two-column layout where the last child takes up more space */

.sidebar {
	display: flex;
	flex-wrap: wrap;
	gap: var(--s1);
}

.sidebar > :first-child {
	flex-grow: 1;
}

.sidebar > :last-child {
	flex-basis: 0;
	flex-grow: 999;
	min-inline-size: 50%;
}