.knowledge-search {
  padding-block: var(--space-6);
  border-block: 1px solid var(--color-border);
  background: var(--color-surface);
  scroll-margin-top: var(--sticky-header-offset);
}

.knowledge-search h2 { margin-block: 0 var(--space-2); }
.knowledge-search label { display: block; font-weight: 700; margin-block: var(--space-4) var(--space-1); }
.knowledge-search p { max-width: 75ch; }
.knowledge-search .search-controls { display: flex; align-items: stretch; gap: var(--space-2); }
.knowledge-search input {
  min-width: 0;
  flex: 1;
  width: 100%;
  min-height: 48px;
  border: 1px solid var(--color-text-muted);
  border-radius: var(--radius-sm);
  background: var(--color-page);
  color: var(--color-text);
  font: inherit;
  padding: var(--space-2) var(--space-3);
}
.knowledge-search button { cursor: pointer; font: inherit; min-height: 48px; }
.knowledge-search :is(input, button, a):focus-visible { outline: 3px solid var(--color-accent-700); outline-offset: 4px; }
.knowledge-search .search-help,
.knowledge-search .search-status { color: var(--color-text-muted); font-size: var(--font-size-sm); }
.knowledge-search .search-status { min-height: 1.6em; }
.knowledge-search .search-alternatives { display: flex; flex-wrap: wrap; gap: var(--space-2) var(--space-4); }
.knowledge-search .search-alternatives a { text-decoration: underline; text-underline-offset: 3px; padding-block: var(--space-1); }
.knowledge-search .search-results { margin: 0; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-4); }
.knowledge-search .search-results li { border-top: 2px solid var(--color-accent-500); background: var(--color-page); padding: var(--space-4); min-width: 0; overflow-wrap: anywhere; }
.knowledge-search .search-results h3 { font-size: var(--font-size-md); line-height: 1.4; margin-block: var(--space-1); }
.knowledge-search .search-results h3 a { text-decoration: underline; text-underline-offset: 3px; }
.knowledge-search .search-results p { margin-block: var(--space-1) 0; }
.knowledge-search .search-result-meta { color: var(--color-text-muted); font-size: var(--font-size-xs); }
.knowledge-search .search-more { margin-top: var(--space-4); }
@media (max-width: 700px) {
  .knowledge-search .search-controls { flex-wrap: wrap; }
  .knowledge-search input { flex-basis: 100%; }
  .knowledge-search .search-controls button { flex: 1; }
  .knowledge-search .search-results { grid-template-columns: minmax(0, 1fr); }
}
.knowledge-search [hidden] { display: none; }