.quantpedia-section-menu {
	display: flex;
	flex-direction: column;
	gap: 10px;
	/*padding-top: 20px;*/
	padding-bottom: 10px;
}

.quantpedia-section-menu-row {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px;
}

.quantpedia-section-menu-row a {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	min-height: 32px;
	min-width: min(175px, 100%);
	max-width: 100%;
	padding: 5px 10px;
	border: 1px solid #999;
	border-radius: 5px;
	color: #999;
	font: 600 14px/20px 'Lato', serif;
	text-align: center;
	text-decoration: none;
	overflow-wrap: anywhere;
}

.quantpedia-section-menu-row a:hover,
.quantpedia-section-menu-row a:focus-visible,
.quantpedia-section-menu-row a.active {
	background: var(--qp-primary-1, #8c6430);
	border-color: var(--qp-primary-1, #8c6430);
	color: #fff;
}

.header-bar:has(> .quantpedia-2nd-level-menu-header) .header-container {
	padding-bottom: 0;
}

@media (min-width: 850px) {
	.header-bar:has(> .quantpedia-2nd-level-menu-header) .header-container {
		height: 4.5rem;
		min-height: 0;
	}
}

.quantpedia-2nd-level-menu-header {
	display: flex;
	flex-direction: column;
	row-gap: 4px;
}

.quantpedia-2nd-level-menu-header .quantpedia-section-menu-row {
	gap: 4px 6px;
}

.quantpedia-2nd-level-menu-header .quantpedia-section-menu-row a {
	min-width: 0;
	min-height: 24px;
	padding: 2px 12px;
	border: 0;
	border-bottom: 2px solid transparent;
	border-radius: 0;
	background: transparent;
	color: var(--qp-text, #443434);
	font: 500 13px/18px 'IBM Plex Sans', 'Helvetica', 'Arial', sans-serif;
}

.quantpedia-2nd-level-menu-header .quantpedia-section-menu-row a:hover,
.quantpedia-2nd-level-menu-header .quantpedia-section-menu-row a:focus-visible,
.quantpedia-2nd-level-menu-header .quantpedia-section-menu-row a.active {
	background: transparent;
	border-bottom-color: var(--qp-primary-1, #8c6430);
	color: var(--qp-primary-1, #8c6430);
}

@media (max-width: 849px) {
	.header .main-menu > nav {
		display: flex;
		flex-direction: column;
		gap: 0;
		width: 100%;
		margin: 0 0 8px;
		padding: 0 0 0 20px;
	}

	.header .main-menu .quantpedia-section-menu-row {
		display: flex;
		flex-direction: column;
		gap: 0;
	}

	.header .main-menu .quantpedia-section-menu-row a {
		display: block;
		min-width: 0;
		min-height: 0;
		width: 100%;
		padding: 6px 8px;
		border: 0;
		border-radius: 0;
		background: transparent;
		color: var(--qp-text, #443434);
		font: 400 14px/21px 'IBM Plex Sans', 'Helvetica', 'Arial', sans-serif;
		text-align: left;
	}

	.header .main-menu .quantpedia-section-menu-row a:hover,
	.header .main-menu .quantpedia-section-menu-row a:focus-visible,
	.header .main-menu .quantpedia-section-menu-row a.active {
		color: var(--qp-primary-1, #8c6430);
		text-decoration: underline;
	}
}