.genre-catalog {
	display: flex;
	gap: 7px;
	margin: -10px 0 12px;
	padding: 0 0 8px;
	flex-wrap: wrap;
	overflow: visible;
}

.genre-catalog a {
	flex: none;
	padding: 9px 11px;
	color: var(--muted);
	background: var(--surface);
	border: 1px solid var(--line);
	border-radius: 8px;
	font-size: 12px;
	font-weight: 650;
}

.genre-catalog a:hover,
.genre-catalog a:focus-visible {
	color: #fff;
	border-color: var(--accent);
	outline: none;
}

.series-category-links {
	margin: 14px 0 16px;
	color: var(--muted-2);
	font-size: 12px;
	line-height: 2.3;
}

.series-category-links a {
	display: inline-block;
	padding: 2px 8px;
	color: var(--muted);
	background: rgba(255, 255, 255, .035);
	border: 1px solid var(--line);
	border-radius: 8px;
}

.series-category-links a:hover,
.series-category-links a:focus-visible {
	color: #fff;
	border-color: var(--accent);
	outline: none;
}

@media (max-width: 560px) {
	.genre-catalog {
		margin-top: 0;
	}
}