.search {
	max-width: 30em; /* 480px /16 */
}
.search > .fl {
	--fl-gap-h: 0;
	--fl-gap-v: 0;
	flex-wrap: nowrap;
}
.search-txt {
	width: 100%;
	padding-left: 0.2em;
	padding-right: 0.2em;
	-webkit-appearance: textfield;
	border: 2px solid;
	box-shadow: inset 2px 2px 2px 0 #aaa;
}
.search-btn.search-btn {
	font-weight: 500;
	box-shadow: none;
	border-radius: 0 1em 1em 0;
	border-left: none;
}
.search-txt,
.search-btn {
	height: 100%;
}
.search-txt,
.search-btn {
	font-size: 1.75em; /* 28px /16 */
}

/* Search results */
.search-results-item {
	--search-result-active-bg: #f7f7f7;
	--search-result-active-code-bg: #ddd;
	--search-result-underline: #ffff03;
}

@media (prefers-color-scheme: dark) {
	.search-results-item {
		--search-result-active-bg: #333;
		--search-result-active-code-bg: #111;
		--search-result-underline: #828200;
	}
}
.search-results-notfound {
	list-style-type: none;
}
.search-results-item {
	display: block;
	padding: 0.25em 0.5em;
}
.search-results-item:is(:hover, :focus) {
	background-color: var(--search-result-active-bg);
}
.search-results-item:is(:hover, :focus) code {
	background-color: var(--search-result-active-code-bg);
}
a[href].search-results-item:not(:hover, :focus) {
	text-decoration-color: rgba(0,0,0,0); /* transparent */
}
a[href].search-results-item:is(:hover, :focus) {
	text-decoration-color: var(--search-result-underline);
}

.search-results-item-title {
	display: block;
}
.search-results-item-matches {
	font-size: 0.75em;
	line-height: 1.8;
	max-width: 50em;
}
