:root {
	--Page-pad: var(--size-fluid-4);
}

body {
	display: flex;
	justify-content: center;
}

.DocWrapper {
	display: grid;
	gap: var(--size-fluid-6);
	min-block-size: 100%;
	inline-size: 100%;
	margin: var(--Page-pad);
	margin-block-end: calc(0.5 * var(--Page-pad));
	grid-template-rows: auto min-content;
	grid-template-columns: min-content auto;
}

.Banner, .Main, .Footer {
	padding-inline: 0;
}

.Banner-wrapper {
	grid-column: 1 / 2;
	grid-row: 1 / 3;
}

.Banner {
	position: sticky;
	margin-block-end: 0;
}

.Banner, .Navigation {
	display: flex;
	flex-flow: column nowrap;
	gap: var(--size-2);
}

.SiteLogo {
	margin-block-end: var(--size-4);
}

.Main, .Footer {
	grid-column: 2 / 3;
	text-align: initial;
}

.Main {
	grid-row: 1 / 2;
}

.Footer {
	grid-row: 2 / 3;
}

.Article {
	gap: var(--size-9);
}

.Headline {
	margin-block-start: -0.09em;
}