@layer pages {
  .catalog__crumbs { padding-block-start: var(--space-4); }
  .catalog__cats { margin-block-end: var(--space-5); overflow-x: auto; flex-wrap: nowrap; padding-block-end: var(--space-1); scrollbar-width: none; }
  .catalog__cats .ds-chip { flex: none; }
  .catalog__toolbar { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: var(--space-3); margin-block-end: var(--space-6); padding-block: var(--space-3); border-block: var(--border-width) solid var(--color-border); }
  .catalog__toolbar-main { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-3); min-inline-size: 0; }
  .catalog__sort { margin-inline-start: auto; }
  .catalog__pages { margin-block-start: var(--space-12); }
  .catalog__grid:has(.ds-empty-state) { display: block; }

  @media (min-width: 80rem) {
    .catalog__grid { --columns: 4; }
  }
}