.search-input-wrap { position: relative; flex: 1; min-width: 0; }
[data-search-suggestions] { position: absolute; inset: calc(100% + 8px) 0 auto; z-index: 20; padding: 8px; max-height: 320px; overflow-y: auto; border: 1px solid var(--gray); border-radius: 20px; background: var(--white); box-shadow: 0 8px 28px rgba(15, 36, 61, .15); }
.search-suggestion { display: block; padding: 10px 12px; border-radius: 12px; color: var(--dark); }
.search-suggestion:hover, .search-suggestion:focus-visible, .search-suggestion[aria-selected="true"] { background: var(--soft); color: var(--blue); outline: 2px solid var(--blue); outline-offset: -2px; }