/* wgf-search-mosaic.css - the query-themed mosaic backdrop on /search/ (S9: no inline <style>).
   The same rules wgf_search_mosaic._MOSAIC_CSS inlines (one rule per line); site_search_app strips that
   inline block and links this file instead (lane sweep-static-guides-hubs, 2026-09-30).
   tests/test_sweep_static_guides_hubs.py pins the two copies equal. */
.wgf-searchmos-wrap{position:relative}
.wgf-searchmos-wrap>*{position:relative;z-index:1}
.wgf-searchmos-wrap>.wgf-searchmos-bg,.wgf-searchmos-wrap>.wgf-searchmos-scrim{z-index:0}
.wgf-searchmos-bg{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));grid-auto-rows:72px;gap:7px;padding:7px;filter:blur(1.6px) saturate(.85);opacity:.5;transform:scale(1.03)}
.wgf-searchmos-bg img{width:100%;height:100%;object-fit:cover;border-radius:9px;box-shadow:0 1px 4px rgba(0,0,0,.45)}
.wgf-searchmos-bg .wgf-searchmos-heroA{grid-column:span 4;grid-row:span 3;display:block;pointer-events:auto;border-radius:13px;overflow:hidden;transition:filter .18s,transform .18s,box-shadow .18s}
.wgf-searchmos-bg .wgf-searchmos-heroA .wgf-searchmos-hero{border-radius:13px}
.wgf-searchmos-bg .wgf-searchmos-heroA:hover,.wgf-searchmos-bg .wgf-searchmos-heroA:focus-visible{filter:brightness(1.12);transform:scale(1.02);box-shadow:0 0 0 2px rgba(245,197,66,.9),0 4px 16px rgba(0,0,0,.5);outline:none}
.wgf-searchmos-scrim{position:fixed;inset:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,rgba(9,11,16,.62) 0%,rgba(9,11,16,.5) 32%,rgba(9,11,16,.72) 100%)}
@media (prefers-reduced-motion:reduce){.wgf-searchmos-bg{transform:none}
}