@layer pages {
  .services { display: grid; gap: var(--space-6); }

  .services__toolbar {
    display: grid;
    gap: var(--space-4);
    align-items: end;
  }
  .services__count { color: var(--color-text-muted); }
  .services__grid { --grid-min: var(--size-card-min); }

  @media (min-width: 48rem) {
    .services__toolbar { grid-template-columns: 1fr auto; gap: var(--space-8); }
  }
}