.pdk-report-nav {
	--pdk-report-color: #303753;
	--pdk-report-focus: #993366;
	--pdk-report-space: 1rem;
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--pdk-report-space);
	padding-top: calc(2 * var(--pdk-report-space));
	padding-bottom: calc(2 * var(--pdk-report-space));
}
.pdk-report-nav__link {
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 4rem;
	padding: var(--pdk-report-space);
	border: 2px solid var(--pdk-report-color);
	border-radius: .25rem;
	background: #fff;
	color: var(--pdk-report-color);
	font: inherit;
	text-align: center;
	text-decoration: none;
	scroll-margin-block: calc(12 * var(--pdk-report-space)) calc(5 * var(--pdk-report-space));
}
.pdk-report-nav__link:hover { background: var(--pdk-report-color); color: #fff; }
.pdk-report-nav__link:focus-visible { outline: 3px solid var(--pdk-report-focus); outline-offset: 3px; }
.pdk-report-nav__link:disabled { border-color: #686868; background: #f3f3f3; color: #555; }
.pdk-report-nav__link span { display: block; margin-top: .5rem; font-size: .875rem; }
@media (min-width: 48rem) { .pdk-report-nav { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 62rem) {
	.pdk-report-nav {
		--pdk-report-footer-overhang: 57px;
		padding-bottom: calc(2 * var(--pdk-report-space) + var(--pdk-report-footer-overhang));
	}
}
@media (min-width: 75rem) { .pdk-report-nav { grid-template-columns: repeat(4, minmax(0, 1fr)); } }