.search-dropdown {
  position: fixed;
  z-index: 10000;
  box-sizing: border-box;
  overflow: auto;
  overscroll-behavior: contain;
  padding: 4px;
  border: 1px solid var(--line, var(--a11y-border, #c7cbd3));
  border-radius: 10px;
  background: var(--surface, var(--a11y-surface, #fff));
  color: var(--ink, var(--a11y-text, #202532));
  box-shadow: 0 10px 28px #17203326;
  font-family: inherit;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.45;
  text-align: left;
}
.search-dropdown[hidden] { display: none !important; }
.search-dropdown ul { list-style: none; padding: 0; margin: 0; }
.search-dropdown [role="option"] { display: block; padding: 10px 12px; margin: 0; border-radius: 6px; cursor: pointer; overflow-wrap: anywhere; }
.search-dropdown [role="option"] strong { display: block; font-size: 14px; font-weight: 650; }
.search-dropdown [role="option"] span { display: block; margin-top: 2px; font-size: 12px; opacity: .8; }
.search-dropdown [role="option"]:hover,
.search-dropdown [role="option"][aria-selected="true"] { background: var(--surface-muted, var(--a11y-surface-alt, #edf1fa)); outline: 2px solid var(--accent, var(--a11y-accent, #415991)); outline-offset: -2px; }
.search-dropdown__status { padding: 9px 12px; font-size: 12px; line-height: 1.5; }
@media (forced-colors: active) {
  .search-dropdown { border: 1px solid CanvasText; }
  .search-dropdown [role="option"][aria-selected="true"] { outline-color: Highlight; }
}