.search-suggest-field { position: relative; flex: 1 1 16rem; min-width: 0; }
.search-suggest-field input { width: 100%; box-sizing: border-box; }
.search-suggestions[hidden] { display: none; }
.search-suggestions { position: absolute; inset-inline: 0; top: 100%; z-index: 20; max-height: 22rem; overflow-y: auto; list-style: none; padding: .35rem; margin: .25rem 0 0; background: #081016; color: #f7f0df; border: 1px solid #8b987b; border-radius: .6rem; box-shadow: 0 .8rem 2rem #0009; }
.search-suggestions li { padding: .7rem; min-height: 44px; box-sizing: border-box; cursor: pointer; border-radius: .35rem; overflow-wrap: anywhere; }
.search-suggestions li[aria-selected="true"], .search-suggestions li:hover { background: #283c32; outline: 2px solid #d5e9a4; outline-offset: -2px; }
.search-suggestions small { display: block; color: #c3cdbb; margin-top: .3rem; }
.search-suggestions-status { font-size: .85rem; margin: .3rem 0 0; color: #c3cdbb; }
.search-suggestions-status:empty { display: none; }