{{#
    @name Legal / Privacy Page
    @desc Standard clean typography layout for privacy and cookie policy
#}}

<main id="content" class="bg-canvas py-12 sm:py-20">
    <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
        
        <h1 class="font-serif text-3xl sm:text-5xl font-bold text-neutral-900 tracking-tight mb-4">
            {{ title }}
        </h1>

        <div class="text-xs text-neutral-400 mb-8 pb-4 border-b border-neutral-200">
            Last updated: {{ updated_at | format('F Y') }} &bull; The Foundation Beauty Studio, Guildford
        </div>

        <div class="prose prose-neutral max-w-none text-neutral-700 leading-relaxed space-y-5">
            {{ content ?? article | markdown }}
        </div>

        <div class="mt-12 pt-8 border-t border-neutral-200 flex items-center justify-between">
            <a href="/" class="text-xs font-semibold text-neutral-600 hover:text-neutral-900 transition-colors">
                &larr; Return to Home
            </a>
            <div>
                {{ yield:reset_consent }}
            </div>
        </div>

    </div>
</main>