---
// The pages' brand, home to the app, then the docs' own index.
const docs = import.meta.env.BASE_URL;
---

<span class="site-title">
	<a class="brand" href="/">~ knotless</a>
	<a class="brand section" href={docs}>docs</a>
</span>

<style>
	.site-title {
		display: flex;
		align-items: baseline;
		gap: var(--space-2);
	}
</style>