/* Site-wide guide search (pages/search.html, issue #15). Builds on brand.css. */
.search-page h1{font-size:clamp(32px,4vw,44px);letter-spacing:-.8px;margin:0}
.search-intro{color:var(--muted);margin:10px 0 0;font-size:15px}
.search-toolbar{align-items:center;flex-wrap:wrap}
.search-wide{flex:1 1 360px;max-width:640px}
.search-wide input{width:100%;font-size:17px;padding:12px 0}
.search-wide:focus-within{border-color:var(--accent)}
.search-wide input:focus-visible{outline:none}
.search-start{color:var(--muted);max-width:720px}
.search-try{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.search-try button{padding:7px 12px;font-size:14px}
.search-results{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.search-result a{display:grid;gap:6px;padding:16px 20px;border:1px solid var(--line);border-radius:4px;background:var(--surface)}
.search-result a:hover{border-color:var(--accent)}
.search-result a:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-color:var(--accent)}
.search-result-title{font:600 20px/1.3 var(--display);color:var(--text);overflow-wrap:anywhere}
.search-result-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;font:11px var(--mono);color:var(--muted)}
.search-result-activity{color:var(--accent);font-size:12px}
.search-chip{border:1px solid var(--line);border-radius:4px;padding:2px 6px;text-transform:uppercase;letter-spacing:.5px;font-size:9.5px}
.search-chip-legacy{border-color:var(--gold);color:var(--gold)}
.search-result-where{font-size:13px;color:var(--text);opacity:.85}
.search-result-excerpt{font-size:14px;color:var(--muted);line-height:1.6;overflow-wrap:anywhere}
.search-result-note{font-size:12px;color:var(--muted);font-style:italic}
.search-result mark{background:rgba(113,185,190,.22);color:var(--text);border-radius:2px;padding:0 1px}
#search-more-wrap{text-align:center;margin:22px 0 0}
.search-empty{padding:40px 20px;text-align:center;color:var(--muted)}
.search-empty h2{font-size:24px;color:var(--text)}
.search-empty a{color:var(--accent);text-decoration:underline}
.content-search-link{margin:-10px 0 22px;font-size:14px}
.content-search-link a{color:var(--accent);text-decoration:underline;overflow-wrap:anywhere}
@media(max-width:600px){.search-wide{flex-basis:100%;max-width:none}.search-result a{padding:14px 15px}.search-result-title{font-size:18px}.search-toolbar .filters{width:100%}}
@media(forced-colors:active){.search-result mark{background:Mark;color:MarkText}}