/* Перелинковка: «Другие поводы» на лендингах (.lpp-related) и блок ссылок
   в конце статьи (.post-povody). Подключает packages/linking.php.
   Все селекторы новые, общие файлы темы не трогаем. Добавлено 23.08.2026. */

.lpp-related .section-title__block {
	margin-bottom: 1.25rem;
}

.lpp-related__items {
	display: flex;
	flex-wrap: wrap;
	gap: .625rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.lpp-related__link {
	display: inline-block;
	padding: .625rem 1.125rem;
	border: 1px solid var(--color-bg-dark);
	border-radius: 999px;
	background-color: var(--color-white);
	color: var(--content-dark);
	font-weight: 600;
	line-height: 1.2;
	text-decoration: none;
	transition: border-color .15s, color .15s, background-color .15s;
}

.lpp-related__link:hover,
.lpp-related__link:focus-visible {
	border-color: var(--color-accent);
	color: var(--color-accent);
}

.lpp-related__examples {
	margin: 1.25rem 0 0;
	color: var(--color-brown);
	font-size: .9375rem;
	line-height: 1.5;
}

.lpp-related__examples a {
	color: var(--color-accent);
	font-weight: 600;
	text-decoration: underline;
}

/* --- статья --- */

.post-rich .post-povody {
	margin: 2.5rem 0 0;
	padding: 1.5rem 1.5rem 1.25rem;
	border-radius: var(--big-radius);
	background-color: var(--color-bg-light);
}

.post-rich .post-povody__title {
	margin-bottom: .875rem;
	color: var(--content-dark);
	font-weight: 700;
	font-size: 1.125rem;
	line-height: 1.3;
}

.post-rich .post-povody__links {
	display: flex;
	flex-wrap: wrap;
	gap: .5rem;
}

.post-rich .post-povody__item a {
	display: inline-block;
	padding: .5rem 1rem;
	border-radius: 999px;
	background-color: var(--color-white);
	color: var(--color-accent);
	font-weight: 600;
	line-height: 1.2;
	text-decoration: none;
}

.post-rich .post-povody__item a:hover,
.post-rich .post-povody__item a:focus-visible {
	text-decoration: underline;
}

@media screen and (max-width: 767px) {
	.post-rich .post-povody {
		padding: 1.25rem 1rem 1rem;
	}
}