${meta.sectionLabel} ${meta.group ? '· '+meta.group : ''} ${r.hits} hit${r.hits>1?'s':''}
${highlight(r.title, q)}
${highlight(r.snippet, q)}
`;
}).join('');
listEl.querySelectorAll('.sp-result').forEach(el => {
el.addEventListener('click', e => {
if (e.target.tagName === 'A') return;
window.location.href = el.dataset.href;
});
});
}
function closeSearch(){
shell.classList.remove('search-open');
if (input) { input.value=''; searchBox.classList.remove('has-text'); }
}
if (input){
let timer = null;
input.addEventListener('input', e => {
const v = e.target.value;
searchBox.classList.toggle('has-text', !!v.trim());
clearTimeout(timer);
timer = setTimeout(() => doSearch(v), 180);
});
clearB.addEventListener('click', closeSearch);
document.addEventListener('keydown', e => {
if ((e.ctrlKey || e.metaKey) && e.key === 'k'){
e.preventDefault(); input.focus(); input.select();
} else if (e.key === 'Escape' && shell.classList.contains('search-open')){
closeSearch();
}
});
}
// ── On-page highlight if arrived from search (?q=...) ──
const params = new URLSearchParams(location.search);
const q = params.get('q');
if (q){
const article = document.querySelector('article.body') || document.body;
const walker = document.createTreeWalker(article, NodeFilter.SHOW_TEXT);
const re = new RegExp(q.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'), 'i');
let firstHit = null;
const nodes = [];
while (walker.nextNode()) nodes.push(walker.currentNode);
for (const n of nodes){
if (n.parentElement && /SCRIPT|STYLE|MARK/i.test(n.parentElement.tagName)) continue;
if (re.test(n.textContent)){
const span = document.createElement('span');
span.innerHTML = n.textContent.replace(new RegExp('('+q.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')+')','gi'), '