#manual-search {
  margin-block: 1.5rem;
}

#manual-search > label {
  display: block;
  margin-bottom: 0.5rem;
  font-weight: 600;
}

#manual-search input {
  width: 100%;
  min-height: 2.75rem;
  padding: 0.625rem 0.75rem;
  border: 1px solid var(--color-input-boundary);
  border-radius: var(--radius-md);
  background: var(--color-card);
  color: var(--color-foreground);
  font: inherit;
}

#manual-search input::placeholder {
  color: var(--color-muted-foreground);
}

#manual-search input:focus-visible,
#manual-search a:focus-visible {
  outline: 2px solid var(--color-ring);
  outline-offset: 3px;
}

#manual-search-status,
#manual-search .search-context {
  color: var(--color-muted-foreground);
  font-size: 0.875rem;
}

#manual-search-results {
  padding: 0;
  list-style: none;
  max-height: 60vh;
  overflow-y: auto;
  scrollbar-gutter: stable;
}

#manual-search-results > li {
  border-top: 1px solid var(--color-border);
  padding-block: 1rem;
}

#manual-search-results p {
  margin-block: 0.375rem;
}

#manual-search-results a {
  overflow-wrap: anywhere;
}

#manual-search-results .search-section {
  display: block;
  margin-top: 0.75rem;
  font-size: 0.9375rem;
}

#manual-search-results .search-excerpt {
  overflow-wrap: anywhere;
  font-size: 0.875rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}