<!doctype html>
<html lang="en" class="{% if theme_mode == "dark" %}dark{% endif %}">
{{ head_html|safe }}
<body class="antialiased min-h-screen flex flex-col bg-background text-foreground" style="font-family: var(--font-body, &quot;Source Serif 4&quot;, &quot;Source Serif Pro&quot;, Georgia, serif);">
	{{ admin_banner_html|safe }}
	{% if slots.header %}<header class="w-full">{{ slots.header|safe }}</header>{% endif %}
	<main class="flex-grow w-full">
		<div class="max-w-6xl mx-auto px-4 py-10 md:py-14">
			{% if slots.aside %}
			<div class="grid gap-12 md:grid-cols-[2fr_1fr]">
				<div>{% if slots.main %}{{ slots.main|safe }}{% endif %}</div>
				<aside class="w-full md:border-l md:border-[hsl(var(--border))] md:pl-10">{{ slots.aside|safe }}</aside>
			</div>
			{% else %}
			<div class="mx-auto max-w-2xl">{% if slots.main %}{{ slots.main|safe }}{% else %}<div class="py-20 text-center"><p class="italic" style="color:hsl(var(--muted-foreground));">No content blocks assigned to this page.</p></div>{% endif %}</div>
			{% endif %}
		</div>
	</main>
	{% if slots.footer %}<footer class="w-full mt-auto">{{ slots.footer|safe }}</footer>{% endif %}
	{{ body_end_html|safe }}
</body>
</html>
