/* ═══════════════════════════════════════════════════════════════════════
   pagefind-search.css  –  Ergänzendes Styling für die Pagefind-Suche
   -----------------------------------------------------------------------
   Die Trefferliste nutzt bewusst die bestehende .search-result-Struktur des
   Help-Center-CSS. Hier stehen nur die wenigen Ergänzungen, die Pagefind
   zusätzlich braucht:
     • Highlight-Markierung (<mark>) im Auszug
     • Ein-/Ausblenden des .noResult-Blocks über die .hidden-Klasse
   ═══════════════════════════════════════════════════════════════════════ */

/* Von pagefind-search.js gesetzte Treffer-Highlights */
#search-results mark {
  background-color: #fff3b0;
  color: inherit;
  border-radius: 2px;
  padding: 0 2px;
}

/* .noResult wird per JS mit der Klasse "hidden" ein-/ausgeblendet */
.noResult.hidden {
  display: none !important;
}

/* Sichtbare URL unter dem Titel (falls das Marken-CSS sie nicht eigens stylt) */
#search-results .search-result cite {
  display: block;
  font-style: normal;
  word-break: break-all;
}