/* Keep the option inside the input, without widening the header on mobile. */
#searchInputWrapper { min-width: 0; }
#searchInputWrapper #searchInput { box-sizing: border-box; padding-right: 104px; }
.search-exact-toggle {
    position: absolute; inset-inline-end: 7px; top: 50%; transform: translateY(-50%);
    display: inline-flex; align-items: center; gap: 5px; min-height: 32px;
    padding: 0 6px; border-radius: 7px; font-size: 12px; line-height: 1;
    color: white; background: rgba(255,255,255,.09); cursor: pointer;
    white-space: nowrap; user-select: none; z-index: 1;
}
.search-exact-toggle:hover { background: rgba(255,255,255,.18); }
.search-exact-toggle:has(input:checked) { background: rgba(255,255,255,.22); }
.search-exact-toggle:focus-within { outline: 2px solid white; outline-offset: 1px; }
.search-exact-toggle input { width: 13px; height: 13px; margin: 0; accent-color: var(--primary, #0ea5e9); cursor: pointer; }
@media (max-width: 480px) {
    #searchInputWrapper #searchInput { padding-right: 94px; }
    .search-exact-toggle { inset-inline-end: 4px; padding: 0 4px; gap: 4px; font-size: 11px; }
}