/* SIDEBAR COMPOSITION */

.with-sidebar {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-32);
}

.with-sidebar > :first-child {
  flex-basis: var(--sidebar-width); 
  flex-grow: 1;
}

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