<!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);">
	<div class="mb-progress" aria-hidden="true"></div>
	{{ admin_banner_html|safe }}
	{% if slots.header %}<header class="w-full">{{ slots.header|safe }}</header>{% endif %}
	{# Article template owns the page <h1> (seed carries no level-1 heading block); aligned to the article grid's left column edge. #}
	<div class="mx-auto w-full max-w-[84rem] px-4 pt-10 md:pt-14">
		{% if title %}<h1 class="mb-heading text-4xl sm:text-5xl md:text-7xl" style="max-width:18ch;">{{ title }}</h1>{% endif %}
		{% if slots.byline %}<div class="mt-5 mb-caps text-muted-foreground">{{ slots.byline|safe }}</div>{% endif %}
	</div>
	<div class="mb-article-grid flex-grow pt-6 pb-10 md:pt-8 md:pb-14">
		<main class="mb-dropcap mb-prose">{% 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="mb-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>
