getting closer to full port of web app starter

site/doc/style.css

@@ -431,32 +431,42 @@ details pre {
 }
 
 #search-results {
-	display: grid;
-	grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
-	gap: 4px;
+	display: flex;
+	flex-direction: column;
+	gap: 2px;
 }
 
 #search-results .no-results {
-	grid-column: 1 / -1;
 	color: var(--text-dim);
 	padding: 12px 0;
 }
 
 .search-hit {
 	display: flex;
-	flex-direction: column;
-	gap: 3px;
+	align-items: baseline;
+	gap: 10px;
+	padding: 5px 12px;
+	border-radius: 6px;
+	transition: background 120ms var(--ease);
+}
+
+.search-hit:hover {
+	background: var(--bg-surface-hover);
+}
+
+.search-hit a {
+	flex-shrink: 0;
+	font-family: var(--font-mono);
+	font-size: 0.92rem;
 }
 
 .search-snippet {
-	font-size: 0.75rem;
-	color: var(--text-dim);
-	font-family: var(--font-mono);
-	padding: 0 12px 6px;
-	line-height: 1.4;
+	font-size: 0.78rem;
+	color: var(--text-muted);
 	white-space: nowrap;
 	overflow: hidden;
 	text-overflow: ellipsis;
+	min-width: 0;
 }
 
 /* ── Scrollbar ── */