/* =============================================================================
   Оглавление: acf/toc-small (nav.toc-small > ol.toc-small__list.dashed).
   Было: узкая inline-block "карточка" со светлыми ссылками (#212121 хардкодом)
   и тенью, невидимой на тёмном фоне.
   Стало: полноширинная карточка, нумерованная сетка в 2-3 колонки.
   ========================================================================== */

.toc-small {
	display: block;
	width: 100%;
	background: linear-gradient(180deg, var(--ms-surface-top), var(--ms-surface));
	border: 1px solid var(--ms-border);
	border-radius: var(--ms-radius-lg);
	box-shadow: var(--ms-shadow);
	padding: var(--ms-pad);
	margin: 0 0 var(--ms-gap);
}

.toc-small__title {
	display: flex;
	align-items: center;
	gap: .65rem;
	margin: 0;
	font-size: clamp(1.05rem, 1.8vw, 1.2rem);
	font-weight: 700;
	color: #fff;
}

.toc-small__title::before {
	content: "";
	width: 4px;
	height: 1.15em;
	border-radius: 4px;
	background: linear-gradient(180deg, var(--ms-accent), var(--ms-accent-2));
}

.toc-small__list {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(min(100%, 370px), 1fr));
	gap: .15rem 1.5rem;
	counter-reset: ms-toc;
	margin-top: 1.1rem;
	padding: 0;
	list-style: none;
	font-size: 1rem;
}

.toc-small__list_item,
.toc-small__list_item:not(:first-of-type) {
	counter-increment: ms-toc;
	margin: 0;
}

/* убираем дефолтную "чёрточку" темы - её заменяет номер */
.toc-small__list.dashed .toc-small__list_item {
	margin-left: 0;
	padding-left: 0;
}

.toc-small__list.dashed .toc-small__list_item::after { content: none; }

.toc-small__list_item a {
	display: flex;
	align-items: baseline;
	gap: .7rem;
	padding: .5rem .65rem;
	border-radius: var(--ms-radius-sm);
	color: var(--ms-text);
	text-decoration: none;
	transition: background-color var(--ms-dur) var(--ms-ease),
	            color var(--ms-dur) var(--ms-ease);
}

.toc-small__list_item a::before {
	content: counter(ms-toc, decimal-leading-zero);
	flex: 0 0 auto;
	min-width: 1.7em;
	color: var(--ms-accent);
	font-size: .82em;
	font-weight: 700;
	font-variant-numeric: tabular-nums;
}

.toc-small__list_item a:hover {
	background: var(--ms-accent-soft);
	color: #fff;
}

.toc-small__list_item a:hover::before { color: #86b0ff; }

/* Вариант с линией слева (toc-small-lined) */
.toc-small__list.lined {
	border-left: 1px solid var(--ms-accent-line);
}