{{-- Consistent eyebrow / title / subtitle pattern (PRD §22). Blocks use h2 and below; the page owns the h1. --}}
@props(['eyebrow' => null, 'title' => null, 'subtitle' => null, 'level' => 2, 'align' => 'left', 'id' => null])
@if ($eyebrow || $title || $subtitle)
    <header {{ $attributes->class(['max-w-[var(--container-prose)]', 'mx-auto text-center' => $align === 'center']) }}>
        @if ($eyebrow)
            <p class="mb-3 text-eyebrow font-semibold uppercase text-muted">{{ $eyebrow }}</p>
        @endif
        @if ($title)
            <h{{ $level }} @if ($id) id="{{ $id }}" @endif @class(['text-h1' => $level === 1, 'text-h2' => $level === 2, 'text-h3' => $level === 3, 'text-h4' => $level >= 4])>{{ $title }}</h{{ $level }}>
        @endif
        @if ($subtitle)
            <p class="mt-4 text-lead text-muted">{{ $subtitle }}</p>
        @endif
    </header>
@endif