{{-- Only verified figures reach this view (MetricsBlock::resolve). --}}
<x-section :vm="$vm">
    <div class="container-site">
        <x-section-heading :title="$vm->get('heading')" class="mb-8" />
        <dl class="grid-auto">
            @foreach ($vm->resolved('items', []) as $item)
                <div class="border-l-4 border-accent pl-5">
                    <dt class="order-2 font-semibold text-ink">{{ $item['label'] }}</dt>
                    <dd class="font-heading text-h2 text-heading">{{ $item['value'] }}</dd>
                    @if (! empty($item['context']))<dd class="text-sm text-muted">{{ $item['context'] }}</dd>@endif
                </div>
            @endforeach
        </dl>
    </div>
</x-section>