/* HG-søgning: forslag under søgefeltet. Farver kan sættes pr. side med --hgs-* */
.hgs-form { position: relative; }
.hgs-list {
	--_bg: var(--hgs-bg, #fff);
	--_tx: var(--hgs-text, #1d2a17);
	--_mu: var(--hgs-muted, #5f6b5a);
	--_ac: var(--hgs-accent, #426d26);
	--_hv: var(--hgs-hover, #f0f7ec);
	list-style: none;
	margin: 0;
	padding: 6px;
	text-align: left;
}
.hgs-list[hidden] { display: none; }
.hgs-drop {
	position: absolute;
	left: 0;
	right: 0;
	top: calc(100% + 8px);
	z-index: 1000;
	background: var(--_bg);
	color: var(--_tx);
	border: 1px solid var(--hgs-border, rgba(0, 0, 0, 0.12));
	border-radius: 14px;
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.16);
	max-height: min(420px, 70vh);
	overflow: auto;
}
.hgs-list li { margin: 0; padding: 0; list-style: none; }
.hgs-list li::before { content: none; }
.hgs-list a {
	display: block;
	padding: 9px 12px;
	border-radius: 10px;
	text-decoration: none;
	color: var(--_tx);
	text-transform: none;
}
.hgs-list a:hover, .hgs-list a.sel { background: var(--_hv); }
.hgs-list strong { display: block; font-size: 15px; line-height: 1.35; font-weight: 600; color: var(--_tx); }
.hgs-list small { display: block; font-size: 13px; line-height: 1.45; color: var(--_mu); margin-top: 2px; }
.hgs-list mark { background: transparent; color: inherit; font-weight: 700; padding: 0; }
.hgs-list small mark { color: var(--_tx); }
.hgs-crumb { display: block; font-size: 12px; color: var(--_ac); margin-bottom: 1px; }
.hgs-head { padding: 8px 12px 4px; font-size: 12px; text-transform: uppercase; letter-spacing: .04em; color: var(--_mu); }
.hgs-recent::before { content: "↺  "; color: var(--_mu); }
.hgs-more { font-size: 14px; font-weight: 600; color: var(--_ac); }
.hgs-suggest, .hgs-empty { padding: 8px 12px; font-size: 14px; color: var(--_mu); }
.hgs-suggest button {
	border: 0; background: none; padding: 0; margin: 0; font: inherit; font-weight: 700; font-style: italic;
	color: var(--_ac); cursor: pointer; text-decoration: underline; text-transform: none; box-shadow: none; min-height: 0;
}