{% extends "public/base.html" %}
{% block title %}Page introuvable · {{ site.site_name }}{% endblock %}
{% block content %}
<div class="mx-auto flex max-w-2xl flex-col items-center px-4 py-20 text-center">
  <p class="text-8xl font-extrabold text-brand-900">4<span class="text-signal-500">0</span>4</p>
  <h1 class="mt-4 text-2xl font-extrabold">Cette page est introuvable</h1>
  <p class="mt-2 text-slate-600">L'article a peut-être été déplacé ou n'est plus en ligne. Essayez une recherche :</p>
  <form action="{% url 'public:search' %}" class="mt-6 flex w-full max-w-md gap-2"><input type="search" name="q" class="form-input" placeholder="Rechercher un article…" aria-label="Rechercher"><button class="btn btn-primary">Rechercher</button></form>
  <a href="{% url 'public:home' %}" class="btn btn-secondary mt-4">Retour à l'accueil</a>
</div>
{% endblock %}