<!doctype html>
<html lang="en" class="{% if theme_mode == "dark" %}dark{% endif %}">
{{ head_html|safe }}
<body class="coffee-paper coffee-body bg-background text-foreground antialiased min-h-screen flex flex-col">
	{{ admin_banner_html|safe }}
	<header class="w-full">{{ slots.header|safe }}</header>
	<main class="flex-grow w-full">
		{% if title %}<div class="mx-auto max-w-6xl px-4 pt-12"><h1 class="coffee-display text-4xl text-primary md:text-5xl"><span class="coffee-doodle-underline">{{ title }}</span></h1>{% if page_meta.MetaDescription %}<p class="coffee-body mt-3 max-w-2xl text-lg text-muted-foreground">{{ page_meta.MetaDescription }}</p>{% endif %}</div>{% endif %}
		{% if slots.featured %}<section class="w-full">{{ slots.featured|safe }}</section>{% endif %}
		{% if slots.main %}<section class="w-full">{{ slots.main|safe }}</section>{% else %}<div class="py-20 text-center coffee-hand text-2xl text-muted-foreground"><p>No stories brewed yet.</p></div>{% endif %}
	</main>
	<footer class="w-full mt-auto">{{ slots.footer|safe }}</footer>
	{{ body_end_html|safe }}
</body>
</html>
