@layer pages {
  .catalog__chips { margin-block-end: var(--space-6); }

  .catalog__toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-3);
    padding-block: var(--space-4);
    border-block: var(--border-width) solid var(--color-border);
  }

  .catalog__toolbar .ds-badge { margin-inline-start: var(--space-1); }

  .catalog__sort { display: flex; align-items: center; gap: var(--space-3); }
  .catalog__sort-label { font: var(--text-caption); color: var(--color-text-muted); }

  .catalog__active { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2) var(--space-4); }
  .catalog__active:not(:empty) { padding-block-start: var(--space-4); }

  .catalog__results { padding-block: var(--space-6) var(--section-space); }
  .catalog__pagination { padding-block-start: var(--space-12); }

  .catalog__filters { display: flex; flex-direction: column; gap: var(--space-8); }

  .catalog__faq-inner { display: grid; gap: var(--space-8); }

  @media (min-width: 80rem) {
    .catalog__faq-inner { grid-template-columns: 1fr 2fr; gap: var(--space-16); }
  }

  @media (min-width: 48rem) {
    .catalog__results { padding-block-start: var(--space-8); }
  }
}