article.intro-article {
	background:#fff;
	padding: 14px 5%;	
}
.multi-container {
	display:grid;
	grid-template-columns:1fr 1fr 1fr;
	grid-gap:20px;	
}
.showcase h2 {
	background:#a73800;
	color:#fff;
	padding: 10px 18px 20px !important;
	font-weight:normal;
	text-transform:uppercase;
	font-size:.9em;
	font-family:Arial, Helvetica, sans-serif;
	position:relative;
}
.showcase h2:after {
	content:'';
	width:100%;
	height:1px;
	background:#fff;
	position:absolute;
	bottom:9px;
	left:0;
}
.showcase h3 {
	background:#000;
	color:#fff;
	padding: 7px 18px 8px !important;
}
.showcase article {
	margin-bottom:10px;	
}
.song { border-radius:6px; 
	box-shadow:1px 2px 4px rgba(0 0 0 / 0.6);
}
.song h3 span {
	display:inline-block;
	border-radius:5px;
	background:#000;
	color:#fff;	
	font-size:.8em;
	padding:3px 6px;
	margin-right:8px;
}
section.players {
	margin-top:15px;	
	padding: 14px 5%;
	display:grid;
	grid-template-columns:1fr 1fr;
	grid-gap:40px;
}
section.players h3 {
	color:#fff5e0;
	background:#a73800;
	font-family:Arial, Helvetica, sans-serif;
	padding:6px 24px;
	font-weight:normal;
	font-size:1em;
	border-radius: 6px 6px 0 0;
	border-bottom:1px solid #fff5e0;
}
section.players .opened {
	background:#fff;
	color:#000;
	padding: 8px 24px 4px;
	border-radius: 6px;
}

section.players details summary {
	background: #000;
	color:#fff5e0;
	padding: 5px 24px 7px;
	border-radius:0 0 6px 6px;
}
section.players details summary:hover { cursor:pointer; }
section.players details p {
	margin: .35em 0;	
}
section.players details p:last-child { padding-bottom: 18px; }
@media screen and (max-width:899px) {
	section.players {
		grid-template-columns:1fr;	
	}
}
@media screen and (max-width: 1150px) {
	.multi-container {
		grid-template-columns:1fr;	
	}
}


.song-meta-container { padding-bottom:4px; border-bottom:1px solid #fff5e0; }