/*
 * Блок ссылок на подчинённые SEO-страницы калькулятора (ui/subpages.php):
 * под калькулятором, перед статьёй. Только токены дизайн-системы.
 */

.sk-subs {
	max-width: 1340px;
	margin: 24px auto 0;
	padding: 18px 22px 16px;
	background: var(--sk-paper);
	border: 1px solid var(--sk-line);
	border-radius: var(--sk-radius);
}
.sk-calc--conv ~ .sk-subs,
.cl-calc-wrap:has(.sk-calc--conv) + .sk-subs { max-width: var(--sk-conv-w, 760px); }
/* у «лёгкого» калькулятора — ширина его панели, как у статьи (заказчик 19.10.2026) */
.sk-calc--board ~ .sk-subs,
.cl-calc-wrap:has(.sk-calc--board) + .sk-subs { max-width: var(--sk-board-w, 1126px); }

.sk-subs__title {
	margin-bottom: 12px;
	font-size: 16px;
	font-weight: 700;
	color: var(--sk-ink);
}

.sk-subs__list {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.sk-subs__i a,
.sk-subs__i span {
	display: inline-block;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.3;
	color: var(--sk-ink);
	text-decoration: none;
	background: var(--sk-tint);
	border: 1px solid var(--sk-line);
}
.sk-subs__i a:hover { border-color: var(--sk-ink); }
.sk-subs__i.is-here span { color: var(--sk-paper); background: var(--sk-ink); border-color: var(--sk-ink); }
.sk-subs__i--up a { font-weight: 600; }

.sk-subs__more { margin-top: 8px; }
.sk-subs__more summary {
	cursor: pointer;
	font-size: 14px;
	color: var(--sk-muted-2);
	margin-bottom: 8px;
}

@media screen and (max-width: 640px) {
	.sk-subs { margin: 16px 10px 0; padding: 14px 12px; }
}

@media print {
	.sk-subs { display: none; }
}

/* текст подчинённой страницы (sk_page_text_wrap): карточка статьи под блоком ссылок */
.sk-subs + .sk-page-text { margin-top: 18px; }
.sk-page-text .sk-conv-tables,
.sk-page-text .cl-tbl-block,
.sk-page-text .cl-tbl-details { margin: 12px 0 18px; }