/**
 * @file
 * Styles for custom site search result presentation.
 */

.mhc-roles-site-search-form .search-results__items {
  display: grid;
  gap: var(--spacing-xs);
}

.mhc-roles-site-search-form .search-results__section {
  margin-block: var(--spacing-m);
}

.mhc-roles-site-search-form .search-results__section:first-of-type {
  margin-top: var(--spacing-xs);
}

.mhc-roles-site-search-form .search-results__section-title {
  margin-block: 0 var(--spacing-xs);
}

.mhc-roles-site-search-form .search-result-teaser {
  padding-block: var(--spacing-s);
}

.mhc-roles-site-search-form .search-result-teaser__title[class] {
  margin-block: 0;
  font-size: clamp(1.5rem, 2.2vw, 2.2rem);
  line-height: 1.15;
}

.mhc-roles-site-search-form .search-result-teaser__title a {
  color: var(--theme-link-color);
  text-decoration: none;
}

.mhc-roles-site-search-form .search-result-teaser__title a:hover,
.mhc-roles-site-search-form .search-result-teaser__title a:focus-visible {
  color: var(--theme-link-color-hover);
  text-decoration: underline;
}

.mhc-roles-site-search-form .search-result-teaser__url-row {
  margin-block: var(--spacing-xxs) var(--spacing-xs);
}

.mhc-roles-site-search-form .search-result-teaser__url[class] {
  color: color-mix(in oklch, var(--theme-link-color), black 15%);
  text-decoration: none;
  font-size: var(--body-l-size);
  line-height: 1.3;
}

.mhc-roles-site-search-form .search-result-teaser__url-separator {
  margin-inline: 0.2em;
}

.mhc-roles-site-search-form .search-result-teaser__url[class]:hover,
.mhc-roles-site-search-form .search-result-teaser__url[class]:focus-visible {
  color: var(--theme-link-color-hover);
  text-decoration: underline;
}

.mhc-roles-site-search-form .search-result-teaser__snippet {
  margin-block: 0;
  max-width: 70ch;
}