:has(> .sidebar) {
  display: flex;
  flex-wrap: wrap;
  gap: var(--sidebar-gap, 1rem);
}

.sidebar {
  flex-basis: var(--sizebar-size, 226px);
  flex-grow: 1;
}

:has(> .sidebar) > :not(.sidebar) {
  flex-basis: 0;
  flex-grow: 999;
  min-inline-size: var(--sidebar-wrap-at, 50%);
}

:has(> .sidebar) > :only-child,
:has(> .sidebar) > :nth-child(3) {
  outline: var(--error-outline);
  --error: "Sidebar layouts must include exactly two child elements.";
}