root-app {
	display: grid;
	grid-template: "main" 1fr / 1fr;
	height: 100vh;
	height: 100dvh;

	main {
		height: 100%;
		overflow: auto;
		position: relative;

		& > * {
			display: block;
		}
	}

	.offline-banner {
		background: #92400e;
		color: white;
		text-align: center;
		padding: 8px var(--page-padding);
		font: var(--font-body-small-semibold);
		z-index: 100;
	}
}