.co-list-filters .co-search-field { position: relative; min-width: 0; }
.co-list-filters .co-search-field label { display: grid; gap: 8px; }
.co-search-options { position: absolute; top: calc(100% + 6px); left: 0; right: 0; z-index: 30; margin: 0; padding: 6px; list-style: none; box-sizing: border-box; border: 1px solid #c9c5b9; border-radius: 12px; background: #fffdf7; box-shadow: 0 12px 28px rgba(20,60,62,.15); max-height: 300px; overflow-y: auto; }
.co-search-options[hidden] { display: none; }
.co-search-options [role=option] { display: flex; align-items: center; gap: 10px; min-height: 44px; box-sizing: border-box; padding: 10px 12px; border-radius: 7px; cursor: pointer; color: #173f42; font-size: 15px; line-height: 1.5; }
.co-search-options [role=option]:hover, .co-search-options [aria-selected=true] { background: #ecefe9; }
.co-search-type { flex: 0 0 auto; font-size: 12px; font-weight: 600; color: #526968; border: 1px solid #d8dfd8; border-radius: 4px; padding: 1px 5px; }
.co-search-label { min-width: 0; overflow-wrap: anywhere; }
.co-search-label mark { background: transparent; color: #173f42; font-weight: 750; text-decoration: underline; text-decoration-color: #c3a964; text-underline-offset: 3px; }
.co-search-announcement { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
@media(max-width:600px) { .co-search-options [role=option] { font-size: 14px; padding: 10px; } }

@media(min-width:601px) and (max-width:900px) { .co-list-filters .co-search-field { grid-column: 1 / -1; } }