@php
    $width = match ($data['width'] ?? 'normal') {
        'narrow' => 'max-w-3xl',
        'wide' => 'max-w-none',
        default => 'max-w-4xl',
    };
    $centered = ($data['align'] ?? 'left') === 'center';
@endphp
<section class="{{ $cls }}" {{ $attrs }}>
    <div class="container-page">
        <div class="mx-auto {{ $width }}">
            @include('builder.partials.head', ['centered' => true])

            <div @class([
                'premium-card p-8 md:p-12' => ($data['style'] ?? 'plain') === 'card',
                'mt-10' => filled($data['title'] ?? null),
            ])>
                <div @class(['prose-premium max-w-none', 'text-center' => $centered])>{!! $data['content'] ?? '' !!}</div>
            </div>
        </div>
    </div>
</section>