.site-search{margin:1rem 0 1.5rem 0}
.site-search-controls{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}
.site-search-input{flex:1 1 240px;padding:.5rem .8rem;border:1px solid rgba(0,0,0,.15);border-radius:6px;font-size:.9rem;background:#fff;color:inherit}
.site-search-scope{display:inline-flex;border:1px solid rgba(0,0,0,.15);border-radius:6px;overflow:hidden}
.site-search-scope-btn{padding:.5rem .8rem;font-size:.8rem;background:#fff;border:none;cursor:pointer;color:inherit;opacity:.7}
.site-search-scope-btn.active{background:#2d96bd;color:#fff;opacity:1}
.site-search-results{margin-top:.6rem;border-radius:6px;overflow:hidden;max-height:420px;overflow-y:auto;box-shadow:0 2px 10px rgba(0,0,0,.1)}
.site-search-result{display:block;padding:.6rem .9rem;text-decoration:none;color:inherit;border-bottom:1px solid rgba(0,0,0,.08);background:#fff}
.site-search-result:last-child{border-bottom:none}
.site-search-result:hover{background:rgba(70,130,180,.1)}
.site-search-result-title{display:block;font-weight:600;font-size:.9rem;color:#2d96bd}
.site-search-result-summary{display:block;font-size:.8rem;opacity:.75;margin-top:.15rem}
.site-search-result mark{background:rgba(45,150,189,.25);color:inherit;padding:0 .1em;border-radius:2px}
.site-search-empty{padding:.7rem .9rem;font-size:.85rem;opacity:.7;background:#fff}

[theme=dark] .site-search-input,[theme=dark] .site-search-scope-btn,[theme=dark] .site-search-result,[theme=dark] .site-search-empty{background:#252627;color:#a9a9b3}
[theme=dark] .site-search-input,[theme=dark] .site-search-scope{border-color:rgba(255,255,255,.15)}
[theme=dark] .site-search-result{border-bottom-color:rgba(255,255,255,.1)}
[theme=dark] .site-search-result:hover{background:rgba(255,255,255,.06)}

[theme=black] .site-search-input,[theme=black] .site-search-scope-btn,[theme=black] .site-search-result,[theme=black] .site-search-empty{background:#000;color:#d9d9d9}
[theme=black] .site-search-input,[theme=black] .site-search-scope{border-color:rgba(255,255,255,.15)}
[theme=black] .site-search-result{border-bottom-color:rgba(255,255,255,.1)}
[theme=black] .site-search-result:hover{background:rgba(255,255,255,.06)}

@media (max-width:480px){.site-search-controls{flex-direction:column;align-items:stretch}.site-search-scope{align-self:flex-start}}