/* AIPCF search results. They take the theme's fonts and colours. Recolour the accent on any
   element around them, for example: body { --aipcf-search-accent: #0a7c55; }
   Leave these styles out with add_filter('aipcf_search_styles', '__return_false'). */
.aipcf-best {
  margin: 0 0 2em;
  padding: 1em 1.25em;
  border: 1px solid rgba(127, 127, 127, 0.3);
  border-left: 3px solid var(--aipcf-search-accent, #e8590c);
  border-radius: 6px;
}
.aipcf-best__head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.25em 0.75em;
  margin-bottom: 0.5em;
}
.aipcf-best__title { margin: 0; font-size: 1.15em; }
.aipcf-best__note,
.aipcf-search__strength,
.aipcf-search__section { font-size: 0.8em; opacity: 0.75; }
.aipcf-search__list { margin: 0; padding-left: 1.25em; }
.aipcf-search__item { margin: 0 0 0.9em; }
.aipcf-search__item:last-child { margin-bottom: 0; }
.aipcf-search__link { font-weight: 600; }
.aipcf-search__strength { white-space: nowrap; }
.aipcf-search__strength::before { content: "\00b7\00a0"; }
.aipcf-search__snippet { margin: 0.25em 0 0; }
.aipcf-search__snippet mark {
  background: rgba(232, 89, 12, 0.18);
  background: color-mix(in srgb, var(--aipcf-search-accent, #e8590c) 18%, transparent);
  color: inherit;
  padding: 0 0.1em;
  border-radius: 2px;
}