<!doctype html>
<html lang="en">
{{ head_html|safe }}
<body class="cm-body" style="margin: 0; min-height: 100vh; display: flex; flex-direction: column; background-color: hsl(var(--background)); color: hsl(var(--foreground));">
	{{ admin_banner_html|safe }}
	<header class="cm-hairline-bottom" style="width: 100%;">
		<div class="cm-content-well">{{ slots.header|safe }}</div>
	</header>
	<main class="cm-content-well" style="flex: 1 1 auto; padding-top: 3rem; padding-bottom: 3rem;" data-content-well>
		<div class="cm-swiss-12" data-grid="swiss-12">
			<article class="cm-article-measure" style="grid-column: span 12 / span 12;">
				{% if slots.main %}{{ slots.main|safe }}{% else %}<p class="cm-stat-label">No article content yet.</p>{% endif %}
			</article>
		</div>
		{% if slots.aside %}<aside class="cm-hairline-top" style="margin-top: 3rem; padding-top: 2rem;">{{ slots.aside|safe }}</aside>{% endif %}
	</main>
	<footer style="width: 100%; margin-top: auto;">{{ slots.footer|safe }}</footer>
	{{ body_end_html|safe }}
</body>
</html>
