{% comment %}Instructions pour trouver le code de vérification — absorbe ce qui était avant un
<ol> codé en dur dans google_search_console.html (retiré, redondant avec l'assistant).{% endcomment %}
<p class="text-xs font-semibold uppercase tracking-wide text-ink/45">Étape n°2 sur 3</p>
<h3 class="mt-1 text-sm font-semibold text-ink">Trouvez votre code sur Google Search Console</h3>
<ol class="mt-2 text-sm text-ink/70 list-decimal list-inside space-y-1">
  <li>
    Ouvrez <a href="https://search.google.com/search-console" target="_blank" rel="noopener"
               class="underline">Google Search Console</a> dans un nouvel onglet et
    sélectionnez cette propriété.
  </li>
  <li>Allez dans « Paramètres » → « Vérification de la propriété ».</li>
  <li>Choisissez la méthode « Balise HTML » — Google affiche un code à copier.</li>
</ol>
<div class="mt-4 flex justify-between">
  <button type="button"
          class="px-4 py-2 rounded-md border border-ink/18 text-sm font-semibold text-ink hover:bg-paper"
          hx-get="{% url 'google_site_verification_wizard_step' step=1 %}"
          hx-target="#site-verification-wizard-body" hx-swap="innerHTML">
    Précédent
  </button>
  <button type="button"
          class="px-4 py-2 rounded-md bg-ink text-white text-sm font-semibold hover:bg-ink-dark"
          hx-get="{% url 'google_site_verification_wizard_step' step=3 %}"
          hx-target="#site-verification-wizard-body" hx-swap="innerHTML">
    Suivant
  </button>
</div>