<div class="space-y-6">
  <div><h3 class="text-lg font-semibold text-slate-900">Manager Wizards</h3><p class="text-sm text-slate-500">Guided shortcuts for assignment, review, client query, document checklist and closure.</p></div>
  <div class="grid gap-4 md:grid-cols-2 xl:grid-cols-3">
    {% for card in wizards %}
    <a href="{{ card.href }}" class="rounded-3xl border border-slate-200 bg-white p-5 shadow-soft hover:border-brand-200 hover:bg-brand-50/30"><h4 class="font-semibold text-slate-900">{{ card.title }}</h4><p class="mt-2 text-sm text-slate-500">{{ card.desc }}</p><div class="mt-4 text-sm font-semibold text-brand-700">Open →</div></a>
    {% endfor %}
  </div>
</div>
