<!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="article">
	{{ admin_banner_html|safe }}
	{% if slots.header %}<header class="w-full">{{ slots.header|safe }}</header>{% endif %}
	<main class="flex-grow w-full">
		<article>
			{% if slots.post_hero %}{{ slots.post_hero|safe }}{% else %}<div class="bru-wrap-mid pt-12"><h1 class="bru-kicker" style="font-size:clamp(2rem,5vw,3.5rem)">{{ title }}</h1></div>{% endif %}
			<div class="bru-wrap-mid py-10 md:py-14"><div class="prose max-w-none space-y-6">{% if slots.main %}{{ slots.main|safe }}{% else %}<p class="bru-meta">This post has no content yet.</p>{% endif %}</div></div>
			{% if slots.author or slots.related %}
			<div class="bru-wrap-mid pb-14 space-y-10">
				{% if slots.author %}<div style="border-top:3px solid hsl(var(--border));padding-top:2.5rem">{{ slots.author|safe }}</div>{% endif %}
				{% if slots.related %}<div>{{ slots.related|safe }}</div>{% endif %}
			</div>
			{% endif %}
		</article>
	</main>
	{% if slots.footer %}<footer class="w-full mt-auto">{{ slots.footer|safe }}</footer>{% endif %}
	{{ body_end_html|safe }}
</body>
</html>
