<!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;Inter&quot;, system-ui, sans-serif);">
	{{ admin_banner_html|safe }}
	{% if slots.masthead %}<header class="w-full">{{ slots.masthead|safe }}</header>{% endif %}
	<main class="flex-grow w-full overflow-x-hidden">
		{% if slots.lead %}<section class="mb-wide py-8 md:py-12">{{ slots.lead|safe }}</section>{% endif %}
		{% if slots.river %}<section class="mb-river pb-10 md:pb-14"><hr class="mb-rule mb-8">{{ slots.river|safe }}</section>{% endif %}
	</main>
	{% if slots.footer %}<footer class="w-full mt-auto">{{ slots.footer|safe }}</footer>{% endif %}
	{{ body_end_html|safe }}
</body>
</html>
