:root {
  /* Pagefind's default muted text misses contrast on the site's teal surface. */
  --pf-text-muted: #475569;
}

/*
 * Pagefind deliberately gives its component rules unusually high specificity,
 * so these integration-level layout overrides need !important. Keep coarse
 * pointer targets at Pagefind's 44px default while using the available width.
 */
@media (min-width: 48rem) {
  #search-filters .pf-filter-pane {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 2rem !important;
  }

  #search-filters .pf-filter-options {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 1.5rem !important;
  }
}