<!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);">
	<div class="editorial-progress" aria-hidden="true"></div>
	{{ admin_banner_html|safe }}
	{% if slots.header %}<header class="w-full">{{ slots.header|safe }}</header>{% endif %}
	{% if title %}<div class="editorial-column w-full pt-10 md:pt-14"><h1 class="editorial-hero-title">{{ title }}</h1></div>{% endif %}
	{% if slots.byline %}<div class="editorial-column w-full pt-4 pb-2">{{ slots.byline|safe }}</div>{% endif %}
	<div class="editorial-article-grid flex-grow py-8">
		<main class="editorial-dropcap prose-editorial">{% if slots.main %}{{ slots.main|safe }}{% else %}<p style="color: hsl(var(--muted-foreground));">This essay has no content yet.</p>{% endif %}</main>
		<aside class="editorial-marginalia">{{ slots.marginalia|safe }}</aside>
	</div>
	{% if slots.footer %}<footer class="w-full mt-auto">{{ slots.footer|safe }}</footer>{% endif %}
	{{ body_end_html|safe }}
</body>
</html>
