/**
 * tag.css — архив тега (tag.php).
 *
 * Использует общий .page-hero (см. page.css) и .cards-grid (см. style.css).
 * Дополнительно здесь — блок "Связанные теги" внизу страницы.
 *
 * @package Akmo
 */


/* ============================================================
   TAG-RELATED — блок "Связанные теги"
   ============================================================ */
.tag-related {
	background: var(--rule-soft);
	padding: 36px 0;
	border-top: 1px solid var(--rule);
}
.tag-related-h {
	font-family: var(--serif);
	font-weight: 700;
	font-style: italic;
	font-size: 20px;
	margin: 0 0 18px;
	color: var(--ink);
}
.tag-related-list {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.tag-chip {
	display: inline-flex;
	align-items: baseline;
	font-family: var(--sans);
	font-size: 13px;
	font-weight: 500;
	padding: 7px 14px;
	background: var(--paper);
	border: 1px solid var(--rule);
	transition: all 0.15s;
	color: var(--ink-2);
	text-decoration: none;
}
.tag-chip:hover,
.tag-chip:focus-visible {
	border-color: var(--cat-active);
	color: var(--cat-active);
	background: var(--cat-active-soft);
}
.tag-chip b {
	color: var(--ink-3);
	font-weight: 600;
	margin-left: 6px;
	font-size: 11px;
	opacity: 0.7;
}