/* Shared responsive layout shells for split views and card grids. */
.ui-split-layout {
  display: grid;
  gap: var(--space-lg);
  align-items: start;
}

.ui-split-layout--hero {
  grid-template-columns: minmax(0, 1.15fr) minmax(20rem, 26.25rem);
  gap: 2rem;
  align-items: center;
}

.ui-split-layout--sidebar {
  grid-template-columns: minmax(16.25rem, 20rem) minmax(0, 1fr);
}

.ui-card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(17.5rem, 1fr));
  gap: var(--space-lg);
}

.workspace-filter-layout {
  display: grid;
  grid-template-columns: minmax(15.5rem, 17.5rem) minmax(0, 1fr);
  gap: var(--space-xl);
  align-items: start;
  min-width: 0;
}

.workspace-filter-layout.is-filters-collapsed {
  grid-template-columns: 4.5rem minmax(0, 1fr);
}

.workspace-filter-layout__content {
  min-width: 0;
}

.workspace-filter-layout__content > .ui-page-shell {
  max-width: none;
  margin: 0;
}

@media (max-width: 56.25rem) {
  .ui-split-layout--hero,
  .ui-split-layout--sidebar,
  .workspace-filter-layout,
  .workspace-filter-layout.is-filters-collapsed {
    grid-template-columns: 1fr;
  }
}