.site-navigation .menu,
.footer-navigation .menu {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 8px 18px;
	align-items: center;
}

.site-navigation .menu > .menu-item {
	position: relative;
}

/* Submenus stay closed until the parent item is hovered or focused. Narrow
   screens have no room for a dropdown, so the Services hub carries the full
   service list instead. */
.site-navigation .sub-menu {
	display: none;
	list-style: none;
	margin: 8px 0 0;
	padding: 10px 12px;
	gap: 8px;
	background: #132337;
	border-radius: 12px;
}

.site-navigation a,
.footer-navigation a {
	color: #ffffff;
	text-decoration: none;
}

@media (min-width: 900px) {
	.site-navigation .menu > .menu-item > .sub-menu {
		position: absolute;
		left: 0;
		top: 100%;
		min-width: 220px;
		z-index: 20;
	}

	.site-navigation .menu > .menu-item:hover > .sub-menu,
	.site-navigation .menu > .menu-item:focus-within > .sub-menu {
		display: grid;
	}
}