/* Show menu on mouse over when no JS. */
nav.nojs:hover > ul,
nav.toggled > ul {
	display: block;
	margin-bottom: 1rem;
}

nav.nojs:hover > a,
nav.toggled > a {
	background-color: var(--dark-3);
}

nav > a {
	display: block;
	line-height: 2rem;
	padding: 2rem;
	text-align: left;
}
nav > a .outline {
	display: inline-block;
	margin-right: 1.375rem;
	stroke: var(--foreground);
}
nav > a:hover .outline {
	stroke: var(--foreground);
}
nav > ul {
	background-color: var(--dark-2);
	display: none;
	padding: 0;
}
/* Links in menu. */
nav > ul a {
	border-bottom: 1px solid var(--color-dark-3);
	display:       block;
	padding-block: 1rem;
	padding-left:  5rem;
	text-align:    left;

	&:hover {
		background-color: var(--color-dark-3);
	}
}
/* Submenu */
nav > ul > li > ul {
	background-color: var(--dark-2);
	display:          none;
	overflow:         hidden;
	padding:          0;
	position:         unset;
	transition:       height var(--transition);
}
nav > ul > li:hover > ul {
	display: block;
}
/* Submenu item link */
nav > ul > li > ul > li > a {
	margin-bottom: 1px;
	padding-block: 1rem;
	padding-left: 7rem;
}

footer > div > div:not(div:first-child) {
	margin-top: 2rem;
}
footer > div > div {
	padding-inline: 2rem;
}
footer a {
	border-top: 1px dashed var(--dark-5);
	padding: 0.5rem 0;
}