form[data-dd-search] { position: relative; }
.dd-search-options {
    position: absolute;
    z-index: 1050;
    inset: calc(100% + .25rem) 0 auto;
    padding: .3rem;
    margin: 0;
    max-height: min(50vh, 24rem);
    overflow: auto;
    list-style: none;
    color: #142e42;
    background: #fff;
    border: 1px solid #bdcedb;
    border-radius: .7rem;
    box-shadow: 0 8px 24px #122d451a;
}
.dd-search-options[hidden] { display: none; }
.dd-search-options a {
    display: block;
    min-height: 44px;
    padding: .65rem .8rem;
    color: inherit;
    text-align: start;
    text-decoration: none;
    overflow-wrap: anywhere;
    border-radius: .45rem;
}
.dd-search-options small { display: block; font-size: .83em; }
.dd-search-options a:hover, .dd-search-options [aria-selected="true"] a { background: #e6f2fa; }
[data-bs-theme="dark"] .dd-search-options { color: #eaf4fa; background: #162e40; border-color: #416076; }
[data-bs-theme="dark"] .dd-search-options a:hover,
[data-bs-theme="dark"] .dd-search-options [aria-selected="true"] a { background: #24465d; }