_GroupLayout.cshtml

@inherits RazorLayoutSlice<GlobalLayoutViewModel>
@implements IUsesLayout<Elastic.Documentation.Site._GlobalLayout, GlobalLayoutViewModel>
@functions {
	public GlobalLayoutViewModel LayoutModel => Model;
}
@(await RenderPartialAsync(_CodexHeader.Create(Model)))
<div id="main-container" class="relative">
	@await RenderPartialAsync(_CodexSubHeader.Create(Model))
	<div class="min-h-screen
				w-full
				max-w-full
				mx-auto
				md:px-4
	">
		<div class="min-h-screen grid grid-cols-1 md:grid-cols-[var(--max-sidebar-width)_1fr] gap-4">
			<main id="content-container" class="min-w-0 lg:grid lg:grid-cols-[minmax(0,var(--max-text-width))_minmax(0,var(--max-sidebar-width))] justify-center mx-4 gap-4 md:order-2">
				<div class="min-w-0">
					@await RenderBodyAsync()
				</div>
			</main>
			@await RenderPartialAsync(_PagesNav.Create(Model))
		</div>
	</div>
</div>
@await RenderPartialAsync(_CodexFooter.Create(Model))