.taxonomy-tags {
	margin-top: var(--space-8);
	padding-top: var(--space-7);
	border-top: 1px solid var(--color-border-subtle);
}

.taxonomy-tags__list {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-3);
	margin: 0;
	padding: 0;
	list-style: none;
}

.taxonomy-tags__link {
	display: inline-flex;
	align-items: center;
	gap: var(--space-2);
	padding: var(--space-1) var(--space-3);
	color: var(--color-muted);
	font-size: var(--font-size-body-sm);
	font-weight: var(--font-weight-bold);
	background-color: var(--color-background-section-muted);
	border-radius: var(--control-border-radius);
	transition: color var(--transition-fast), background-color var(--transition-fast);
}

.taxonomy-tags__link.is-active {
	color: var(--color-white);
	background-color: var(--color-off-black);
}

html.has-hover-input .taxonomy-tags__link:hover {
	color: var(--color-white);
	background-color: var(--color-off-black);
}

.taxonomy-tags__link:focus-visible {
	outline: var(--focus-ring-width) solid var(--color-focus);
	outline-offset: var(--focus-ring-offset);
}

.taxonomy-tags__link span {
	color: inherit;
	opacity: 0.7;
}