@php
    $fontSize = $content['font_size'] ?? '1rem';
    $fontFamily = $content['font_family'] ?? "'Public Sans', sans-serif";
    $textColor = $content['text_color'] ?? '#201b12';
    $blockId = 'text-block-' . uniqid();
@endphp

<style>
    #{{ $blockId }} {
        font-size: {{ $fontSize }};
        font-family: {{ $fontFamily }};
        color: {{ $textColor }};
    }
    #{{ $blockId }} h1,
    #{{ $blockId }} h2,
    #{{ $blockId }} h3,
    #{{ $blockId }} h4,
    #{{ $blockId }} h5,
    #{{ $blockId }} h6,
    #{{ $blockId }} p, 
    #{{ $blockId }} span, 
    #{{ $blockId }} li, 
    #{{ $blockId }} div {
        color: inherit;
        font-family: inherit;
    }
    #{{ $blockId }} p, 
    #{{ $blockId }} span, 
    #{{ $blockId }} li, 
    #{{ $blockId }} div {
        font-size: inherit;
    }
</style>

<section class="py-20 px-6 max-w-4xl mx-auto {{ $content['custom_class'] ?? '' }}" style="{{ $content['custom_style'] ?? '' }}">
    @if(!empty($content['title']))
        <h2 class="font-headline-md text-3xl md:text-4xl mb-8 font-semibold" 
            style="color: {{ $textColor }}; font-family: {{ $fontFamily }}; {{ $content['title_custom_style'] ?? '' }}">
            {{ $content['title'] }}
        </h2>
    @endif
    <div id="{{ $blockId }}" class="prose prose-lg max-w-none">
        {!! $content['body'] ?? '' !!}
    </div>
</section>