/* Append to your existing search styles. Keep the existing header layout rules. */
.header-search-suggestions {
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #c9cdd2;
    border-radius: 0 0 5px 5px;
    box-shadow: 0 5px 14px rgba(0, 0, 0, .16);
    overflow: auto;
    color: #222;

    position: fixed !important;
    top: var(--header-ac-top, 0px) !important;
    left: var(--header-ac-left, 0px) !important;
    width: var(--header-ac-width, 300px) !important;
    max-height: var(--header-ac-height, 360px) !important;

}
.header-search-suggestions .autocomplete-suggestion {
    padding: 9px 12px;
    cursor: pointer;
    white-space: normal;
    border-bottom: 1px solid #eee;
}
.header-search-suggestions .autocomplete-selected {
    background: #edf4fb;
}
.header-search-hit-title {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}
.header-search-suggestions .header-search-hit-title strong {
    color: inherit;
    font-weight: 600;
}
.header-search-hit-title small { color: #666; }
.header-search-hit-description {
    margin-top: 3px;
    font-size: 12px;
    line-height: 1.4;
    overflow-wrap: anywhere;
}
.search-archive-badge {
    display: inline-block;
    padding: 2px 5px;
    border: 1px solid #d4c5a3;
    border-radius: 3px;
    background: #f5eedf;
    color: #665024;
    font-size: 11px;
    font-weight: normal;
    line-height: 1.2;
}
.header-search-archived[hidden] { display: none; }