/*
 * Only the first dropdown under a top tab is absolutely positioned.
 * Deeper lists stay in normal flow so their text does not stack.
 */

#access > .menu > ul > li > ul {
	position: absolute !important;
	top: 100% !important;
	left: 0 !important;
	right: auto !important;
	z-index: 10000 !important;
	display: none !important;
	flex-direction: column !important;
	width: min(320px, 88vw) !important;
	max-height: min(70vh, 560px) !important;
	overflow-x: hidden !important;
	overflow-y: auto !important;
	background: #fffdf8 !important;
}

#access > .menu > ul > li:hover > ul,
#access > .menu > ul > li:focus-within > ul {
	display: block !important;
}

#access > .menu > ul > li > ul ul {
	position: static !important;
	top: auto !important;
	left: auto !important;
	display: block !important;
	width: 100% !important;
	max-height: none !important;
	overflow: visible !important;
	margin: 0 !important;
	padding: 0 0 0 0.85rem !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

#access > .menu > ul > li > ul li {
	display: block !important;
	float: none !important;
	width: 100% !important;
}

#access > .menu > ul > li > ul a {
	display: block !important;
	width: auto !important;
	max-width: 100% !important;
	min-height: 0 !important;
	white-space: normal !important;
}