/* Shared FAQ search dropdown styles — used by every broker FAQ page */

mark.faq-hl {
  background: #2B77EE;
  color: #fff;
  padding: 0 2px;
  border-radius: 2px;
}

#faq-search-results {
  position: fixed !important;
  z-index: 9999 !important;
  background: #001429;
  border: 1px solid rgba(43, 119, 238, 0.4);
  border-radius: 0.75rem;
  box-shadow: 0 25px 60px -10px rgba(0, 0, 0, 0.7);
  max-height: 28rem;
  overflow-y: auto;
}

#faq-search-results::-webkit-scrollbar { width: 8px; }
#faq-search-results::-webkit-scrollbar-track { background: #001020; }
#faq-search-results::-webkit-scrollbar-thumb { background: #2B77EE; border-radius: 4px; }

/* Brief flash on the FAQ when a search result lands on it */
details.faq-flash {
  animation: faqFlash 1.5s ease-out;
  border-radius: 0.5rem;
}
@keyframes faqFlash {
  0%   { box-shadow: 0 0 0 4px rgba(43,119,238,0); background-color: rgba(43,119,238,0); }
  20%  { box-shadow: 0 0 0 4px rgba(43,119,238,0.6); background-color: rgba(43,119,238,0.12); }
  100% { box-shadow: 0 0 0 4px rgba(43,119,238,0); background-color: rgba(43,119,238,0); }
}