Searchable FAQ Accordion

<div class="container py-5">
  <h2 class="text-center fw-bold mb-3">Help Center</h2><input class="form-control form-control-lg mb-4" placeholder="🔍 Search questions...">
  <div class="accordion" id="faqS">
    <div class="accordion-item">
      <h2 class="accordion-header"><button class="accordion-button" data-bs-toggle="collapse" data-bs-target="#f1">How do I install Bootstrap?</button></h2>
      <div id="f1" class="accordion-collapse collapse show" data-bs-parent="#faqS">
        <div class="accordion-body">Add the CDN link in your HTML head, or install via npm: <code>npm install bootstrap</code></div>
      </div>
    </div>
    <div class="accordion-item">
      <h2 class="accordion-header"><button class="accordion-button collapsed" data-bs-toggle="collapse" data-bs-target="#f2">Do components work offline?</button></h2>
      <div id="f2" class="accordion-collapse collapse" data-bs-parent="#faqS">
        <div class="accordion-body">Yes, once you download the Bootstrap CSS/JS files locally.</div>
      </div>
    </div>
    <div class="accordion-item">
      <h2 class="accordion-header"><button class="accordion-button collapsed" data-bs-toggle="collapse" data-bs-target="#f3">Can I customize colors?</button></h2>
      <div id="f3" class="accordion-collapse collapse" data-bs-parent="#faqS">
        <div class="accordion-body">Yes — override Bootstrap SASS variables or use utility classes.</div>
      </div>
    </div>
  </div>
</div>