<div class="search-box">
    <input type="search" id="global-search" name="q"
           placeholder="Suchen... (Ctrl+K)"
           hx-get="/suche/live"
           hx-trigger="keyup changed delay:200ms"
           hx-target="#search-dropdown"
           hx-swap="innerHTML"
           autocomplete="off"
           value="{{ q or '' }}">
    <span class="search-kbd">Ctrl+K</span>
    <div id="search-dropdown"></div>
</div>
