{{-- Certifications preview (PRD §9.7): 3–5 and a link to all. --}}
<x-section :vm="$vm">
    <div class="container-site">
        <x-section-heading :title="$vm->get('heading')" class="mb-8" />
        <ul class="grid-auto">
            @foreach ($vm->resolved('certifications', []) as $certification)
                <li><x-certification-card :certification="$certification" :compact="true" /></li>
            @endforeach
        </ul>
        @if ($vm->get('cta_label'))
            <div class="mt-8"><x-button :href="route('certifications')" variant="tertiary" track="cta_click" :track-props="['cta' => 'view_certifications', 'location' => $location]">{{ $vm->get('cta_label') }}</x-button></div>
        @endif
    </div>
</x-section>