@php($rows = $block->rows())

@if ($rows)
    <section class="section-tight">
        <div class="container-page max-w-3xl">
            @if ($block->heading)
                <h2 class="mb-10 font-display text-headline font-bold text-text" data-reveal>{{ $block->heading }}</h2>
            @endif

            <ol class="relative space-y-7 border-l border-border pl-8" data-reveal-group>
                @foreach ($rows as $row)
                    <li class="relative" data-reveal-child>
                        <span class="absolute -left-[2.35rem] top-1.5 size-3.5 rounded-full border-2 border-background bg-primary"></span>
                        <p class="meta-label">{{ $row['title'] ?? '' }}</p>
                        @if (! empty($row['body']))
                            <p class="mt-1 text-text-secondary">{{ $row['body'] }}</p>
                        @endif
                    </li>
                @endforeach
            </ol>
        </div>
    </section>
@endif