.fox-song-nav {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
	gap: 1.5rem;
	align-items: center;
	padding: 1.5rem 0;
	border-top: 1px solid currentColor;
	border-bottom: 1px solid currentColor;
}

.fox-song-nav a {
	color: inherit;
	text-decoration: none;
}

.fox-song-nav__item a {
	display: flex;
	flex-direction: column;
	gap: .25rem;
}

.fox-song-nav__item--next {
	text-align: right;
}

.fox-song-nav__eyebrow {
	font-size: .8rem;
	letter-spacing: .08em;
	text-transform: uppercase;
	opacity: .65;
}

.fox-song-nav__album {
	text-align: center;
	white-space: nowrap;
}

.fox-album-tracklist {
	list-style: none;
	margin: 0;
	padding: 0;
	border-top: 1px solid currentColor;
}

.fox-album-tracklist__item {
	margin: 0;
	border-bottom: 1px solid currentColor;
}

.fox-album-tracklist__item > a {
	display: grid;
	grid-template-columns: 3rem minmax(0, 1fr) auto;
	gap: 1rem;
	align-items: center;
	padding: 1.15rem 0;
	color: inherit;
	text-decoration: none;
}

.fox-album-tracklist__number,
.fox-album-tracklist__duration {
	font-variant-numeric: tabular-nums;
	opacity: .65;
}

.fox-album-tracklist__main {
	display: flex;
	flex-direction: column;
	gap: .2rem;
}

.fox-album-tracklist__main small,
.fox-album-tracklist__excerpt {
	opacity: .7;
}

@media (max-width: 767px) {
	.fox-song-nav {
		grid-template-columns: 1fr 1fr;
	}

	.fox-song-nav__album {
		grid-column: 1 / -1;
		grid-row: 1;
	}

	.fox-song-nav__item {
		grid-row: 2;
	}

	.fox-album-tracklist__item > a {
		grid-template-columns: 2.25rem minmax(0, 1fr) auto;
		gap: .65rem;
	}
}