/*
 * Search result — SD-40
 * Figma: content modules / text / suchergebnis (node 6361-114355)
 * A single search hit: linked title (H3) + relevance + excerpt (with marked
 * search terms) + source URL / file size.
 */

.dk-search-result {
  display: flex;
  flex-direction: column;
  gap: var(--dk-space-02);
  padding-block: var(--dk-space-05);
}

.dk-search-result__title {
  margin: 0;
}

.dk-search-result__link {
  color: var(--dk-color-black);
  text-decoration: underline;
  text-underline-offset: 0.15em;
}

.dk-search-result__link:hover {
  text-decoration-thickness: 2px;
}

.dk-search-result__link:focus-visible {
  outline: none;
  box-shadow:
    0 0 0 2px var(--dk-color-black),
    0 0 0 4px var(--dk-color-white),
    0 0 0 6px var(--dk-color-focus);
  border-radius: 2px;
}

.dk-search-result__relevance,
.dk-search-result__meta {
  margin: 0;
  color: var(--dk-color-black);
}

.dk-search-result__excerpt {
  margin: 0;
}

/* Search-term highlight — semantic <mark>, not colour-only (bold + tint) */
.dk-search-result__excerpt mark {
  background-color: var(--dk-color-brand-secondary-02);
  color: var(--dk-color-black);
  font-weight: var(--dk-font-weight-bold);
  padding-inline: 0.1em;
}

.dk-search-result__meta {
  display: flex;
  flex-wrap: wrap;
  gap: var(--dk-space-04);
}