@layer pages {
  .home__search-inner { display: grid; gap: var(--space-4); align-items: center; }
  .home__search-head { display: grid; gap: var(--space-1); }
  .home__search-box { display: grid; gap: var(--space-4); }
  .home__chips { display: flex; flex-wrap: wrap; gap: var(--space-2); }

  .home__cat-grid { display: grid; gap: var(--grid-gap); grid-template-columns: minmax(0, 1fr); }
  .home__tools-grid { display: grid; gap: var(--grid-gap); grid-template-columns: minmax(0, 1fr); }
  .home__stats { display: grid; gap: var(--space-8) var(--grid-gap); grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .home__okl-actions, .home__dist-actions { display: flex; flex-wrap: wrap; gap: var(--space-3); margin-block-start: var(--space-8); }

  @media (min-width: 48rem) {
    .home__cat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .home__tools-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  }
  @media (min-width: 80rem) {
    .home__search-inner { grid-template-columns: minmax(0, 1fr) 2fr; gap: var(--space-16); }
    .home__cat-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .home__stats { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  }
}