.serp-search-content{--menu-bg:#fff;--menu-text:#333;--menu-muted:#666;--menu-hover:#f1f1f1;--menu-border:#e5e5e5}
html:has(link[href*="Dark"]) .serp-search-content{--menu-bg:#202020;--menu-text:#eee;--menu-muted:#b7b7b7;--menu-hover:#444;--menu-border:#333}
.serp-search-content .tabs-row{align-items:flex-start;gap:8px;margin-bottom:0}
.serp-search-content .tabs{padding-bottom:10px}
.serp-search-content .filter-toggle{width:32px;height:32px;padding:0;justify-content:center;border:0;background:transparent;color:var(--menu-muted)}
.serp-search-content .filter-toggle-icon{width:18px;height:18px;filter:none}
.serp-search-content .filter-toggle-label{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}
.serp-search-content .filters{display:flex;align-items:center;flex-wrap:wrap;gap:20px;overflow:visible;white-space:normal;margin:0 0 20px;padding:5px 4px 0;border:0;background:transparent}
.serp-search-content .filters[hidden]{display:none}
.filters.enhanced>.filter{display:none}
.inline-filter-trigger{all:unset;display:inline-flex;align-items:center;gap:6px;min-height:34px;cursor:pointer;color:var(--menu-muted);font:600 13px/1.4 Arial,sans-serif;white-space:nowrap}
.inline-filter-trigger svg{width:10px;height:10px;stroke:currentColor;fill:none;stroke-width:1.5}
.inline-filter-trigger:hover,.inline-filter-trigger[aria-expanded=true]{color:var(--menu-text)}
.inline-filter-trigger[aria-expanded=true] svg{transform:rotate(180deg)}
.inline-filter-menu{position:fixed;inset:auto;margin:0;box-sizing:border-box;width:240px;max-width:calc(100vw - 24px);max-height:min(430px,65vh);overflow:auto;border:1px solid var(--menu-border);border-radius:20px;padding:8px;background:var(--menu-bg);color:var(--menu-text);box-shadow:0 8px 24px #0002;font:14px/1.4 Arial,sans-serif;z-index:1000}
.inline-filter-menu::backdrop{background:transparent}
.inline-filter-option{all:unset;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:36px;padding:9px 12px;cursor:pointer;border-radius:10px;font:inherit;color:inherit}
.inline-filter-option:hover,.inline-filter-option:focus-visible,.inline-filter-option[aria-checked=true]{background:var(--menu-hover)}
.inline-filter-option svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;flex-shrink:0}
.inline-filter-separator{border:0;border-top:1px solid var(--menu-border);margin:6px 12px}
.inline-filter-menu .region-search{box-sizing:border-box;width:100%;height:36px;border:1px solid var(--menu-border);border-radius:8px;padding:0 10px;background:var(--menu-bg);color:var(--menu-text);font:inherit;margin:0 0 8px}
.custom-date-fields{display:grid;gap:12px;padding:10px}
.custom-date-fields label{display:grid;gap:6px;font:13px/1.4 Arial,sans-serif}
.custom-date-fields input{box-sizing:border-box;min-width:0;width:100%;height:38px;background:var(--menu-bg);color:var(--menu-text);border:1px solid var(--menu-border);border-radius:6px;padding:0 8px;font:inherit}
html:has(link[href*="Dark"]) .custom-date-fields input{color-scheme:dark}
.custom-date-fields button{padding:9px 12px;background:var(--menu-hover);border:0;border-radius:8px;color:var(--menu-text);font:600 13px Arial,sans-serif;cursor:pointer}
.inline-filter-trigger:focus-visible,.inline-filter-menu :is(button,input):focus-visible,.filter-toggle:focus-visible{outline:2px solid #8a66aa;outline-offset:2px}
@media(max-width:600px){.serp-search-content .filters{gap:16px}.serp-search-content .tabs .tab{padding-inline:7px}}

.inline-filter-option[hidden]{display:none}

.region-option-label{display:flex;align-items:center;gap:10px}
.region-flag{display:inline-block;width:20px;height:15px;flex:0 0 20px;object-fit:cover;border-radius:2px}
.region-globe{height:20px}
.region-globe svg{display:block;width:20px;height:20px}

/* Preserve the same dropdown UI on browsers without the Popover API. */
.inline-filter-fallback[hidden]{display:none}