/* Search uses the same neutral surfaces and compact results as Apps Catalog. */
.site-header-search { position:relative; }
.site-header .search-clear { width:38px; height:38px; flex-shrink:0; font-size:16px; }
.site-search-field:focus-within { outline:2px solid var(--app-focus); outline-offset:2px; }
.site-search-field input:focus { outline:none; }
.site-search-field input::-webkit-search-cancel-button { -webkit-appearance:none; }
.site-search-panel { position:absolute; top:calc(100% + 8px); right:0; width:min(560px,calc(100vw - 40px)); max-height:min(640px,70dvh); overflow:auto; padding:12px; border-radius:16px; background:var(--app-surface); box-shadow:var(--app-floating-shadow); z-index:35; }
.site-search-panel p { margin:8px; font-size:14px; }
.search-result { display:flex; align-items:center; gap:12px; padding:12px; border-radius:12px; color:var(--app-text); }
.search-result:hover,.search-result:focus-visible { background:var(--app-surface-alt); text-decoration:none; }
.search-result>img,.search-result-icon { width:48px; height:48px; flex:0 0 48px; border-radius:12px; object-fit:contain; background:var(--app-surface-alt); }
.search-result-icon { display:grid; place-items:center; color:var(--app-muted); font-size:20px; }
.search-result-copy { display:grid; gap:4px; min-width:0; }
.search-result-copy strong { font-size:14px; font-weight:600; overflow-wrap:anywhere; }
.search-result-copy small { font-size:12px; color:var(--app-muted); }
.search-result-copy>span { font-size:14px; color:var(--app-muted); display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.search-more,.search-all { display:block; padding:12px; font-size:14px; text-align:center; width:100%; }
.search-page-results { max-width:900px; }
.search-page-results .search-result-copy strong { font-size:16px; }
.site-search-panel [aria-busy=true] { opacity:.65; }
.editorial-list[aria-busy=true] .post-grid { opacity:.65; }