/* Provider branding shares one layout; only Google uses its genuine host. */
#search-engine{display:block;width:100%;margin-top:12px;padding:10px 12px;border:1px solid #526174;border-radius:8px;background:#20262d;color:#e6eaf0;font:inherit;font-size:13px}
#search-engine:focus-visible{outline:2px solid #aecbfa;outline-offset:2px}
html[data-search-engine]:not([data-search-engine="google"]) .fr-top-nav{visibility:hidden;pointer-events:none}
html[data-search-engine]:not([data-search-engine="google"]) .fr-center{position:fixed;left:50%;top:calc(58px + (100vh - 160px)*.37 - 86px);transform:translateX(-50%);width:min(560px,calc(100vw - 32px))}
html[data-search-engine]:not([data-search-engine="google"]) .google-wordmark{height:64px;margin:0 0 16px;font-size:48px;line-height:64px;letter-spacing:-2px;font-weight:600;color:#f1f3f4}
html[data-search-engine="yahoo"] .google-wordmark{color:#ff6476;font-family:Georgia,serif;font-weight:bold;font-size:43px;letter-spacing:-2px}
html[data-search-engine="bing"] .google-wordmark{font-size:43px;font-weight:500;letter-spacing:-1.5px}
html[data-search-engine="duckduckgo"] .google-wordmark{font-size:42px;letter-spacing:-1px}
html[data-search-engine="ecosia"] .google-wordmark{color:#b4dda6;letter-spacing:-1px}
html[data-search-engine]:not([data-search-engine="google"]) #fr-web-search{height:52px;border:1px solid #51545b;background:#36383f;color:#e8eaed;padding:0 16px;gap:14px;box-shadow:none}
html[data-search-engine]:not([data-search-engine="google"]) #fr-web-query{font-size:16px;color:#e8eaed;min-width:0}
html[data-search-engine]:not([data-search-engine="google"]) #fr-web-query::placeholder{color:#bdc1c6}
html[data-search-engine]:not([data-search-engine="google"]) #fr-web-search button{color:#e8eaed}
html[data-search-engine]:not([data-search-engine="google"]) :is(.demo-ai-mode,.demo-search-tool){display:none}
@media(max-height:680px){html[data-search-engine]:not([data-search-engine="google"]) .fr-center{top:calc(58px + (100vh - 160px)*.28 - 66px)}}
@media(max-width:720px){html[data-search-engine]:not([data-search-engine="google"]) .fr-center{top:150px}html[data-search-engine]:not([data-search-engine="google"]) .google-wordmark{height:48px;line-height:48px;font-size:clamp(30px,7vw,43px);margin-bottom:16px}}
@media(max-width:720px) and (max-height:600px){html[data-search-engine]:not([data-search-engine="google"]) .fr-center{top:130px}html[data-search-engine]:not([data-search-engine="google"]) .google-wordmark{height:32px;line-height:32px;font-size:30px;margin-bottom:10px}html[data-search-engine]:not([data-search-engine="google"]) #fr-web-search{height:44px}}
/* Match the Google host's continuous backdrop and restrained logo footprint. */
html[data-search-engine]:not([data-search-engine="google"]) :is(.fr-header,.library-header){background:transparent;border-bottom:0}
html[data-search-engine]:not([data-search-engine="google"]) .google-wordmark{display:flex;align-items:center;justify-content:center;font-family:Arial,sans-serif;font-weight:500;font-size:36px;letter-spacing:-1px}
.search-provider-logo{display:block;width:272px;max-width:100%;height:64px;object-fit:contain}
@media(max-width:720px){.search-provider-logo{width:230px;height:48px}}
@media(max-width:720px) and (max-height:600px){.search-provider-logo{width:200px;height:32px}}

.engine-picker{margin-top:12px}.engine-picker-trigger,.engine-picker-list button{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;text-align:left;color:#e6eaf0;font-size:13px}
.engine-picker-trigger{border:1px solid #526174;border-radius:9px;background:#20262d}.engine-picker img{width:32px;height:24px;object-fit:contain;flex:none}.engine-picker-mark{margin-left:auto;color:#aecbfa}.engine-picker-trigger[aria-expanded=true]{border-color:#aecbfa}
.engine-picker-list{margin-top:6px;padding:4px;background:#20262d;border:1px solid #526174;border-radius:9px}.engine-picker-list button{border-radius:6px}.engine-picker-list [aria-selected=true]{background:#394b60}.engine-picker-list [aria-selected=false] .engine-picker-mark{visibility:hidden}.engine-picker-list button:hover{background:#ffffff10}
