@props(['heading', 'lead' => null, 'updated' => null])

{{-- Общая обёртка для информационных и правовых страниц подвала.
     Типографика задаётся здесь через дочерние селекторы, чтобы контент
     страниц оставался чистой семантической разметкой (h2 / p / ul / a). --}}
<article class="mx-auto w-full max-w-3xl">
    <a href="{{ route('home') }}" class="text-sm text-[var(--color-muted)] transition hover:text-[var(--color-primary)]">← На главную</a>

    <h1 class="mt-2 text-3xl font-extrabold tracking-tight text-[var(--color-ink)]">{{ $heading }}</h1>

    @if ($lead)
        <p class="mt-3 text-[17px] leading-relaxed text-[var(--color-slate)]">{{ $lead }}</p>
    @endif

    @if ($updated)
        <p class="mt-3 text-xs font-semibold uppercase tracking-wide text-[var(--color-muted)]">Обновлено: {{ $updated }}</p>
    @endif

    <x-prose class="mt-8">
        {{ $slot }}
    </x-prose>
</article>