{{-- News listing content. Included by resources/views/news/index.blade.php
     and by App\Support\PageSnapshot for the visual designer. --}}
@php($snapshotMode = $snapshotMode ?? false)
<section class="bg-white py-16">
    <div class="max-w-7xl mx-auto px-6 lg:px-10">
        <p class="text-red-700 text-xs font-semibold uppercase tracking-widest mb-2">Latest</p>
        <h1 class="text-[#0a0a0b] text-3xl sm:text-4xl font-bold tracking-tight mb-10">News &amp; Events</h1>

        @if ($snapshotMode)
            @include('partials.dynamic-placeholder', ['key' => 'news', 'label' => '📰 News & Events (live)'])
        @else
            <div class="grid sm:grid-cols-2 lg:grid-cols-3 gap-6">
                @forelse ($news as $item)
                    @include('partials.news-card', ['item' => $item])
                @empty
                    <p class="text-neutral-400 text-sm">No news posted yet. Check back soon.</p>
                @endforelse
            </div>
        @endif
    </div>
</section>