<!doctype html>
<html lang="en" class="{% if theme_mode == "dark" %}dark{% endif %}">
{{ head_html|safe }}
<body class="brutalist-page antialiased min-h-screen flex flex-col" data-brutalist-template="blog-index">
	{{ admin_banner_html|safe }}
	{% if slots.header %}<header class="w-full">{{ slots.header|safe }}</header>{% endif %}
	<main class="flex-grow w-full">
		<div class="bru-wrap py-12 md:py-16 space-y-12">
			{% if title %}<div style="border-bottom:4px solid hsl(var(--border));padding-bottom:1.5rem"><h1 class="bru-kicker" style="font-size:clamp(2.5rem,7vw,5rem)">{{ title }}</h1>{% if page_meta.MetaDescription %}<p class="mt-3 text-lg text-muted-foreground">{{ page_meta.MetaDescription }}</p>{% endif %}</div>{% endif %}
			{% if slots.featured %}<section>{{ slots.featured|safe }}</section>{% endif %}
			{% if slots.main %}<section>{{ slots.main|safe }}</section>{% else %}<p class="bru-meta py-8">No posts published yet.</p>{% endif %}
		</div>
	</main>
	{% if slots.footer %}<footer class="w-full mt-auto">{{ slots.footer|safe }}</footer>{% endif %}
	{{ body_end_html|safe }}
</body>
</html>
