.search-results-bar { display: flex; gap: .5rem; margin: 1rem 0; }
.search-results-bar input { flex: 1; min-height: 44px; padding: .5rem .75rem; font-size: 1rem; border: 1px solid var(--color-border, #ccc); border-radius: 6px; }
.search-results-bar button { min-height: 44px; padding: 0 1rem; flex-shrink: 0; min-width: 80px; }
.search-meta { color: var(--color-text-muted, #555); margin-bottom: 1rem; }
.search-grid { display: grid; grid-template-columns: 240px 1fr; gap: 2rem; }
.search-grid.no-facets { grid-template-columns: 1fr; }
@media (max-width: 768px) { .search-grid { grid-template-columns: 1fr; } .search-facets { order: 2; } }
.search-facets { background: var(--color-surface, #f7f7f7); padding: 1rem; border-radius: 8px; }
.search-facets h3 { font-size: 0.875rem; text-transform: uppercase; margin: 0 0 .5rem; }
.search-facets label { display: block; padding: .25rem 0; cursor: pointer; }
.search-result-card { padding: 1rem; border-bottom: 1px solid var(--color-border, #e2e2e2); }
.search-result-card .badge { display: inline-block; padding: .125rem .5rem; border-radius: 4px; font-size: .75rem; margin-right: .5rem; }
.search-result-card .badge-page { background: #dde7ff; color: #1a3380; }
.search-result-card .badge-tool { background: #e0f7e0; color: #14532d; }
.search-result-card .badge-dc { background: #ffe7c7; color: #7a3e00; }
.search-result-card .badge-bva { background: #f3e0ff; color: #4a1a7a; }
.search-result-card h3 { margin: .25rem 0; font-size: 1.0625rem; }
.search-result-card mark { background: #fff3a8; padding: 0 .15em; border-radius: 2px; }
:root[data-theme="dark"] .search-facets { background: #1e1e1e; }
:root[data-theme="dark"] .search-result-card .badge-page { background: #1a2350; color: #cfd9ff; }
:root[data-theme="dark"] .search-result-card .badge-tool { background: #0f2a14; color: #b8e6c2; }
:root[data-theme="dark"] .search-result-card .badge-dc { background: #2a1d0b; color: #ffd9a8; }
:root[data-theme="dark"] .search-result-card .badge-bva { background: #2a0f3f; color: #e2c6ff; }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .search-facets { background: #1e1e1e; }
}

.rmv-hero { padding: 4rem 1rem; text-align: center; background: var(--color-surface, #f7f7f7); }
.rmv-hero h1 { font-size: 2rem; margin: 0 0 .5rem; }
.rmv-hero-sub { margin: 0 0 1.5rem; color: var(--color-text-muted, #555); }
.rmv-hero-search { display: flex; gap: .5rem; max-width: 720px; margin: 0 auto; position: relative; }
.rmv-hero-search input { flex: 1; min-height: 60px; padding: 0 1rem; font-size: 1.0625rem; border: 1px solid var(--color-border, #ccc); border-radius: 8px; }
.rmv-hero-search button { min-height: 60px; padding: 0 1.25rem; flex-shrink: 0; min-width: 88px; }
.search-suggest { position: absolute; top: calc(100% + .25rem); left: 0; right: 0; background: var(--color-surface, #fff); border: 1px solid var(--color-border, #ccc); border-radius: 8px; list-style: none; padding: .25rem 0; margin: 0; z-index: 50; max-height: 360px; overflow-y: auto; text-align: left; }
.search-suggest li { padding: 0; }
.search-suggest a { display: block; padding: .5rem 1rem; color: inherit; text-decoration: none; min-height: 44px; line-height: 28px; }
.search-suggest a:hover, .search-suggest a:focus { background: var(--color-hover, #f0f0f0); }
.suggest-view-all { border-top: 1px solid var(--color-border, #e2e2e2); font-weight: 600; }
.rmv-hero-chips { margin-top: 1rem; }
.rmv-chip { display: inline-block; margin: .25rem; padding: .25rem .75rem; background: var(--color-surface-elev, #fff); border: 1px solid var(--color-border, #ccc); border-radius: 999px; text-decoration: none; color: inherit; min-height: 36px; line-height: 32px; }
:root[data-theme="dark"] .rmv-hero { background: #181818; }
:root[data-theme="dark"] .search-suggest { background: #1e1e1e; }

/* ===== Navbar compact search bar + mobile overlay ===== */
.rmv-nav-search { display: none; position: relative; margin-right: .75rem; }
.rmv-nav-search input { width: 240px; min-height: 40px; padding: 0 .75rem; border: 1px solid var(--color-border, #ccc); border-radius: 6px; }
@media (min-width: 768px) { .rmv-nav-search { display: block; } }
.rmv-nav-search-mobile { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; background: transparent; border: 0; color: inherit; cursor: pointer; }
@media (min-width: 768px) { .rmv-nav-search-mobile { display: none; } }
.rmv-search-overlay { position: fixed; inset: 0; background: rgba(0,0,0,.6); z-index: 200; display: flex; align-items: flex-start; justify-content: center; padding: 4rem 1rem 1rem; }
.rmv-search-overlay-form { background: var(--color-surface, #fff); padding: 1rem; border-radius: 12px; width: 100%; max-width: 560px; position: relative; }
.rmv-search-overlay-form input { width: 100%; min-height: 56px; padding: 0 3rem 0 1rem; font-size: 1.125rem; border: 1px solid var(--color-border, #ccc); border-radius: 8px; }
.rmv-search-overlay-form button#overlay-close { position: absolute; top: 1.25rem; right: 1.5rem; background: transparent; border: 0; font-size: 1.75rem; cursor: pointer; min-width: 44px; min-height: 44px; }
:root[data-theme="dark"] .rmv-search-overlay-form { background: #1e1e1e; }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .rmv-search-overlay-form { background: #1e1e1e; }
}
:root[data-theme="dark"] .rmv-chip { background: #1e1e1e; }


.search-include-bva { display: inline-flex; align-items: center; gap: .4rem; margin: .5rem 0 1rem; font-size: .9rem; cursor: pointer; }
.search-include-bva input { margin: 0; }
.search-result-card .badge-bva { background: #f3e0ff; color: #4a1a7a; }