/* Suggestions under the search boxes (assets/js/suggest.js). Only the LBS Foundation theme's design tokens. The
   list is placed by the script under the field (left, width, top); it never animates. */
.has-lbs-suggest { position: relative; }
.has-lbs-suggest .lbs-suggest {
	position: absolute;
	z-index: 160; /* above the header (140) and its language list (150): the list may hang below the header */
	box-sizing: border-box;
	min-width: min(16rem, 100%);
	max-height: min(22rem, 60vh);
	margin: var(--lbs-space-1) 0 0;
	padding: var(--lbs-space-1) 0;
	overflow-y: auto;
	overscroll-behavior: contain;
	list-style: none;
	border: 1px solid var(--lbs-border-strong);
	border-radius: var(--lbs-radius-control);
	background: var(--lbs-white);
	color: var(--lbs-text);
	font-size: var(--lbs-fs-sm);
	line-height: var(--lbs-lh-tight);
	text-align: left;
}
.has-lbs-suggest .lbs-suggest[hidden] { display: none; }
.lbs-suggest .lbs-suggest__option {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	column-gap: var(--lbs-space-2);
	min-height: var(--lbs-target);
	margin: 0;
	padding: var(--lbs-space-2) var(--lbs-space-3);
	box-sizing: border-box;
	cursor: pointer;
	overflow-wrap: anywhere;
}
/* Highlighted (keys) and under the pointer: the panel grey, with a red edge so it does not rest on colour alone. */
.lbs-suggest .lbs-suggest__option:hover,
.lbs-suggest .lbs-suggest__option[aria-selected="true"] {
	background: var(--lbs-panel);
	box-shadow: inset 4px 0 0 var(--lbs-red);
}
.lbs-suggest .lbs-suggest__word mark { background: none; color: inherit; font-weight: 700; }
.lbs-suggest .lbs-suggest__title { margin-left: auto; color: var(--lbs-muted); font-size: var(--lbs-fs-xs); }