.search-panel{max-width:1000px;padding:24px;background:#fff;border:1px solid var(--line)}
.search-panel[hidden]{display:none!important}
.search-controls{display:grid;gap:20px;margin-bottom:20px}
.search-controls>div{min-width:0}
.search-controls label{display:block;font-weight:600;margin-bottom:8px}
.search-controls input,.search-controls select{box-sizing:border-box;width:100%;min-width:0;padding:12px;font:inherit;border:1px solid var(--line);border-radius:4px;color:var(--ink);background:#fff}
.search-controls input:focus-visible,.search-controls select:focus-visible{outline:2px solid var(--bronze);outline-offset:3px}
.search-panel button,#more-results{font:inherit;cursor:pointer}
.search-results{list-style:none;margin:24px 0;padding:0;display:grid;gap:16px}
.search-results li{padding:24px;background:#fff;border:1px solid var(--line);border-radius:6px;overflow-wrap:anywhere}
.search-results h3{margin:8px 0}.search-results p{color:var(--muted);margin-top:8px}
#search-status{margin-top:20px}
#search-empty[hidden],#more-results[hidden]{display:none!important}
@media(min-width:768px){.search-controls{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}}
@media(max-width:479px){.search-panel,.search-results li{padding:16px}}