/**
 * Pool Ready Home - Blog Listing page template
 * Category filter pills.
 * (The shared page banner lives in assets/css/page-banner.css. The article
 * grid reuses .prh-grid from base.css and .prh-blog-card from home.css, and
 * pagination reuses .prh-pagination from base.css.)
 */

.prh-articles__filter {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--prh-space-2);
  margin-bottom: var(--prh-space-10);
}

.prh-articles__filter a {
  display: inline-flex;
  align-items: center;
  gap: var(--prh-space-1);
  border-radius: var(--prh-radius-pill);
  background: var(--prh-grey-50);
  padding: var(--prh-space-2) var(--prh-space-4);
  color: var(--prh-grey-500);
  font-size: var(--prh-fs-sm);
  font-weight: var(--prh-fw-medium);
  text-decoration: none;
  transition: background-color var(--prh-transition), color var(--prh-transition);
}

.prh-articles__filter a span {
  opacity: 0.7;
  font-size: var(--prh-fs-xs);
}

.prh-articles__filter a:hover,
.prh-articles__filter a.is-active {
  background: var(--prh-teal);
  color: var(--prh-white);
}

.prh-articles__grid {
  margin-bottom: var(--prh-space-4);
}