.search__modal {
  --panel-size: 80ch;
  margin-block-start: var(--block-space-triple);
}

.search_result {
  color: var(--color-text);
  padding: 0.5em 0.75em;

  @media (hover: hover) {
    --hover-size: 0;
    --outline-color: var(--color-bg-surface);

    &:focus-visible,
    &:hover {
      background-color: var(--color-bg-surface);
    }
  }
}

mark {
  color: var(--color-text);
  background-color: var(--color-highlight);
}