@php($d = $data ?? [])
@php($ae = $adminEditable ?? false)
<section class="bg-white py-16">
    <div class="max-w-3xl mx-auto px-6 lg:px-10">
        @if (!empty($d['heading']) || $ae)
            <h2 @if($ae) contenteditable="true" data-field="heading" data-oneline="1" @endif class="text-[#0a0a0b] text-3xl font-bold tracking-tight mb-8">{{ $d['heading'] ?? '' }}</h2>
        @endif
        <div class="space-y-4">
            @foreach ($d['items'] ?? [] as $item)
                <details class="bg-neutral-50 border border-black/[0.06] rounded-2xl p-5 group">
                    <summary class="text-[#0a0a0b] font-semibold text-[15px] cursor-pointer list-none flex items-center justify-between">
                        {{ $item['question'] }}
                        <span class="text-neutral-400 group-open:rotate-45 transition-transform duration-200">+</span>
                    </summary>
                    <p class="text-neutral-500 text-sm mt-3 leading-relaxed">{{ $item['answer'] }}</p>
                </details>
            @endforeach
        </div>
    </div>
</section>