page-report {
	display: grid;
	grid-template-rows: min-content minmax(0, 1fr);
	grid-template-columns: 100%;
	gap: var(--u-2xs);
	padding: var(--u);
	background-color: #f0f0f0;
}

page-report > nav-panel > * {
	display: grid;
	grid-template-columns: 100%;
	grid-template-rows: min-content minmax(0, 1fr);
	gap: var(--u);
}

page-report > nav-panel > * > nav {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: var(--u-2xs);
}

page-report > nav-panel > * > nav > * {
	font-size: 1.25rem;
	height: 2.25rem; /* Padding Y 0.5rem, mimicking nav-tab and nav-step */
	border-bottom: solid 2px currentColor;
	box-sizing: content-box;
}

page-report > nav-panel > * > nav > *:last-child {
	color: var(--color-blue);
}

page-report > nav-panel > * > aside {
	display: none;
	justify-content: center;
	align-items: center;
	flex-grow: 1;
	border: dashed 2px #0000001a;
	border-radius: var(--border-radius);
}

page-report > nav-panel > *[data-count="0"] > aside {
	display: flex;
}

page-report > nav-panel > * > main {
	gap: var(--u-4xs);
}

page-report > nav-panel > *[data-count="0"] > main {
	display: none;
}

page-report > nav-panel > * > main > * {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: stretch;
	background-color: white;
	padding: var(--u-2xs);
	border-radius: var(--border-radius);
	overflow-y: scroll;
}

page-report > nav-panel > * > main i[v-select] {
	border: solid 6px var(--color-green-sm);
	height: var(--u-sm);
	width: var(--u-sm);
	text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

page-report > nav-panel > * > main > element-enhance > h3,
page-report > nav-panel > * > main > table-enhance > h3,
page-report > nav-panel > * > main > element-enhance > header > h3 {
	font-family: "Sesame Sans", system-ui;
}