.radio-playlist {
	display: grid;
	gap: 1rem;
}

.radio-playlist__header {
	align-items: end;
	display: flex;
	flex-wrap: wrap;
	gap: 0.9rem 1.4rem;
	justify-content: space-between;
}

.radio-playlist__header h2 {
	margin: 0;
}

.radio-playlist__days,
.radio-playlist__filters {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 0.65rem;
}

.radio-playlist__days a,
.radio-playlist__filters button {
	background: #fff;
	border: 2px solid #111416;
	box-shadow: 3px 3px 0 #111416;
	color: #111416;
	display: inline-block;
	font-weight: 800;
	padding: 0.45rem 0.7rem;
	text-decoration: none;
}

.radio-playlist__filters label {
	display: grid;
	font-weight: 700;
	gap: 0.25rem;
}

.radio-playlist__filters input {
	border: 2px solid #111416;
	font: inherit;
	padding: 0.45rem 0.55rem;
}

.radio-playlist__table {
	inline-size: 100%;
}

.radio-playlist__table th {
	white-space: nowrap;
}

.radio-playlist__table td {
	vertical-align: top;
}

.radio-playlist__empty,
.radio-playlist--unavailable {
	background: rgb(255 255 255 / 0.62);
	border: 2px solid #111416;
	box-shadow: 4px 4px 0 #111416;
	margin: 0;
	padding: 1rem;
}

@media (max-width: 700px) {
	.radio-playlist__header,
	.radio-playlist__days,
	.radio-playlist__filters {
		align-items: stretch;
		flex-direction: column;
	}

	.radio-playlist__table {
		display: block;
		overflow-x: auto;
	}
}