{# 404 Not Found page body. Context: path, lang #}
<div class="flex flex-col items-center justify-center min-h-64 px-4 py-16 text-center">
  <p class="text-8xl font-bold ds-text-muted mb-4" aria-hidden="true">404</p>
  <h1 class="text-2xl font-semibold ds-text mb-2">
    {% if lang == "es" %}Página no encontrada{% else %}Page not found{% endif %}
  </h1>
  <p class="ds-text-muted mb-8">
    {% if lang == "es" %}
      La ruta <code class="font-mono text-sm">{{ path }}</code> no existe.
    {% else %}
      The path <code class="font-mono text-sm">{{ path }}</code> does not exist.
    {% endif %}
  </p>
  <a href="/"
     class="ds-btn-ghost-sm no-underline"
     hx-get="/"
     hx-target="#main-content"
     hx-swap="innerHTML"
     hx-push-url="true">
    {% if lang == "es" %}← Volver al inicio{% else %}← Back to home{% endif %}
  </a>
</div>
