p_html | truncatewords:25 }}
        </div>
      </article>
      {% endfor %}
    </div>

    <!-- No results message -->
    <div id="no-results" class="hidden">
      No posts found matching your criteria.
    </div>

    <footer class="site-footer">
      <a href="/" class="back-link">← back to Home</a>
    </footer>
  </main>

<!-- ... existing code ... -->

<!-- Search and filter script -->
<script>
  document.addEventListener('DOMContentLoaded', function () {
    const searchInput = document.getEl