.site-search { position: relative; }
.search-suggestions[hidden] { display: none; }
.search-suggestions { position: absolute; z-index: 100; top: calc(100% + .35rem); right: 0; left: 0; max-height: min(65vh, 34rem); overflow-y: auto; border: 1px solid #ded4d7; border-radius: .8rem; background: #fff; color: #21161b; box-shadow: 0 12px 28px #321b2724; }
.search-suggestions-status { padding: .7rem .9rem; font-size: .875rem; color: #51444a; }
.search-suggestions-list { list-style: none; margin: 0; padding: 0 0 .4rem; }
.search-suggestions-heading { padding: .35rem .9rem; font-size: .75rem; font-weight: 700; color: #51444a; }
.search-suggestions-list a { display: flex; align-items: center; min-height: 48px; padding: .6rem .9rem; color: #21161b; text-decoration: none; overflow-wrap: anywhere; }
.search-suggestions-list a:hover, .search-suggestions-list a[aria-selected="true"] { background: #f6e9eb; }
.search-suggestions-list a:focus-visible { outline: 3px solid var(--focus, #56384c); outline-offset: -3px; }