/* Minimal home-page search: one line in the hero, results drop below it. */
.homesearch { position: relative; margin-top: var(--s-4); max-width: 46ch; }
.homesearch__bar { display: flex; align-items: center; gap: var(--s-2); border-bottom: 1px solid var(--line-2); }
.homesearch__bar:focus-within { border-bottom-color: var(--bronze); }
.homesearch label {
  font-family: var(--font-mono); font-size: var(--t-micro); letter-spacing: 0.18em;
  text-transform: uppercase; color: var(--smoke); white-space: nowrap;
}
.homesearch input[type="search"] {
  flex: 1; min-width: 0; font: inherit; font-size: 16px; padding: 10px 2px;
  background: transparent; border: 0; color: inherit;
}
.homesearch input[type="search"]:focus { outline: none; }
.homesearch__status { font-size: 12px; color: var(--smoke); margin-top: 6px; min-height: 1em; }
.homesearch .searchresults {
  list-style: none; margin: 6px 0 0; padding: 0; position: absolute; left: 0; right: 0; z-index: 30;
  background: var(--paper); border: 1px solid var(--line); max-height: 46vh; overflow: auto;
}
.homesearch .searchresults:empty { display: none; }
.homesearch .searchresults li { border-bottom: 1px solid var(--line); }
.homesearch .searchresults li:last-child { border-bottom: 0; }
.searchhit { display: flex; gap: var(--s-2); align-items: center; padding: 8px 10px; text-decoration: none; }
.searchhit:hover .searchhit__title { color: var(--oxide); }
.searchhit__img { flex: 0 0 52px; width: 52px; height: 36px; overflow: hidden; background: var(--bone); }
.searchhit__img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.searchhit__body { flex: 1; display: flex; flex-direction: column; min-width: 0; }
.searchhit__type {
  font-family: var(--font-mono); font-size: 9px; letter-spacing: 0.18em;
  text-transform: uppercase; color: var(--smoke);
}
.searchhit__title { font-family: var(--font-display); font-size: 18px; line-height: 1.1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.searchhit__meta { font-size: 11px; color: var(--smoke); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.searchhit__go { color: var(--smoke); }
.searchmore { padding: 8px 10px; font-size: 11px; color: var(--smoke); }