{% extends '_types/root/_index.html' %}

{% block content %}
<div class="flex flex-col items-center justify-center min-h-[50vh] p-8 text-center">
  <div class="text-6xl mb-4">📝</div>
  <h1 class="text-2xl font-bold text-stone-800 mb-2">Post Not Found</h1>
  <p class="text-stone-600 mb-6">
    The post "{{ slug }}" could not be found.
  </p>
  <a 
    href="{{ url_for('blog.home')|host }}"
    hx-get="{{ url_for('blog.home')|host }}"
    hx-target="#main-panel"
    hx-select="{{ hx_select }}"
    hx-swap="outerHTML"
    hx-push-url="true"
    class="px-4 py-2 bg-stone-800 text-white rounded hover:bg-stone-700 transition-colors"
  >
    ← Back to Blog
  </a>
</div>
{% endblock %}
