body>header>nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

@media (min-width: 641px) {
	body>header>nav ul {
		display: flex;
		align-items: center;
		justify-content: flex-end;
		gap: 1.5rem;
	}

	body>header>nav li {
		margin: 0;
		padding: 0;
	}

	body nav li a {
		border-radius: 1rem;
	}
}

@media (max-width: 640px) {}

a:hover,
a:focus-visible,
a:focus-within {
	text-decoration: underline;
}

body nav a {
	padding: .5rem 1rem;
	font-size: 1rem;
	display: block;
	color: #fff;
}

body nav li.active a {
	background: #444;
}

body nav a:hover,
body nav a:focus-visible,
body nav a:focus-within {
	background: var(--color-link) !important;
	color: #000;
}

.sidebar.left>nav ul {
	width: 280px;
	list-style: none;
	padding: 0;
	margin: 0;
}

.sidebar.left>nav ul li.current a {
	background: #444;
	border-radius: 1rem;
}