// The Page List block should inherit navigation styles when nested within it
.wp-block-navigation {
	.wp-block-page-list {
		display: flex;
		flex-direction: var(--navigation-layout-direction, initial);
		justify-content: var(--navigation-layout-justify, initial);
		align-items: var(--navigation-layout-align, initial);
		flex-wrap: var(--navigation-layout-wrap, wrap);
		background-color: inherit;
	}

	// Menu items generated by the page list do not get `has-[x]-background-color`,
	// and must therefore inherit from the parent.
	.wp-block-navigation-item {
		background-color: inherit;
	}
}
.wp-block-page-list {
	// This block has customizable padding, border-box makes that more predictable.
	box-sizing: border-box;
}