#listens-filters {
	display: flex;
	flex-wrap: wrap;
	gap: 2em;
	padding: 0;
	border: none;

	fieldset {
		border: none;
		padding: 0;
		margin: 0;
		min-width: 10em;
	}

	legend {
		font-weight: bold;
		padding: 0;
		margin-bottom: .5em;
	}

	label {
		display: block;
		margin-top: .25em;
	}
}

/* Overrides style.css for this page only */
body:has(#listens-grid) {
	width: 100%;
	max-width: none;
}

main:has(#listens-grid) {
	width: 100%;
	justify-self: stretch;
}

#listens-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(16em, 1fr));
	gap: 1em;
	margin-top: 2em;
}

#listens-grid li {
	margin: 0;
}

#listens-grid li[hidden] {
	display: none;
}

#listens-grid img {
	width: 100%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
}

#listens-grid li[data-format="DVD"] img {
	aspect-ratio: 2 / 3;
}