.albums-list {
	list-style: none;
	a {
		color: inherit;
		text-decoration: none;
	}
	max-width: var(--list-max-width, 60rem);
}

.album {
	a {display: contents;}
	@media (min-width: 60rem) {
		display: grid;
		grid-template-areas: "cover details";
		grid-template-columns: 1fr 1fr;
		gap: 1em;
	}
	margin-block: 2rem;
}

.album-cover {
	display: block;
	max-width: 100%;
	max-height: 80vh;
	margin-inline: auto;
	grid-area: cover;
}

.album-details {
	grid-area: details;
}

.album-title {
	margin-block-start: 1em;
	margin-block-end: 0.5em;
	font-weight: bold;
	text-align: center;
}

.album-summary {
	font-style: italic;
	text-align: center;
}