/**
 * Window Smart Home - archive template
 * Category filter pills.
 * (The shared page banner lives in assets/css/page-banner.css. The article
 * grid reuses .wsh-grid and .wsh-entry from base.css, and pagination reuses
 * .wsh-pagination from base.css.)
 */

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

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

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

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

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