/*
 * Автодополнение поиска (combobox) — TASK-004. Ахроматично, на токенах системы
 * (акцент = чернила). Всплывающий список подсказок под полем; появляется только
 * при включённом JS (без него форма — обычный поиск). Состояния: наведение,
 * подсветка клавиатурой (.is-active), «показать все».
 */

.archive-search__field { position: relative; }
/* Поле поиска шапки — якорь для всплывающего списка подсказок. */
.head__in > .search { position: relative; }

.ac__list {
	position: absolute;
	inset-inline: 0;
	inset-block-start: 100%;
	z-index: 20;
	margin: 0;
	padding: 0;
	list-style: none;
	max-block-size: min(60vh, 28rem);
	overflow-y: auto;
	background: var(--bg);
	border: 1px solid var(--rule-strong);
	font-family: var(--font-apparatus);
}

.ac__opt {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: var(--space-4);
	min-block-size: var(--tap-min);
	padding: var(--space-2) var(--space-4);
	border-block-end: 1px solid var(--rule-soft);
	cursor: pointer;
	color: var(--ink);
}

.ac__opt:last-child { border-block-end: 0; }

.ac__opt:hover,
.ac__opt.is-active {
	background: var(--bg-sunk);
}

.ac__opt.is-active {
	box-shadow: inset 2px 0 0 var(--accent);
}

.ac__label {
	min-inline-size: 0;
	font-family: var(--font-text);
	font-size: var(--step-3);
	line-height: var(--lh-tight);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ac__type {
	flex: 0 0 auto;
	color: var(--ink-mute);
	font-size: var(--step-1);
	font-weight: var(--wght-meta);
	letter-spacing: .06em;
	text-transform: uppercase;
}

.ac__opt--all {
	border-block-start: 1px solid var(--rule-strong);
	font-weight: var(--wght-strong);
}

.ac__opt--all .ac__label { font-family: var(--font-apparatus); font-size: var(--step-2); }