/* Single Playlist template (single-caradog-playlist.php). Loaded only on playlist pages. */
.cq-playlist {
	max-width: 52rem;
	margin: 0 auto;
	padding: clamp(3rem, 7vw, 5.5rem) var(--gutter, 1.5rem) clamp(2.5rem, 6vw, 4.5rem);
}

.cq-playlist__intro {
	text-align: center;
	margin-bottom: clamp(2rem, 5vw, 3.25rem);
}
.cq-playlist__eyebrow {
	margin: 0 0 0.6rem;
}
.cq-playlist__title {
	margin: 0;
	font-family: var(--serif, Georgia, serif);
	font-weight: 400;
	font-size: clamp(2.2rem, 5vw, 3.2rem);
	line-height: 1.1;
	color: var(--ink, #241f1a);
}
/* Scoped twice to outrank the site-wide ".cq-main p" margin, which would undo the centring. */
.cq-playlist .cq-playlist__lede {
	max-width: 38rem;
	margin: 1rem auto 0;
	color: var(--ink-soft, #6a6158);
}

/* Headings between Song Lists (e.g. "Entrance of the Bride"). */
.cq-playlist__content > h2,
.cq-playlist__content > h3 {
	margin: 2.75rem 0 0.5rem;
}
.cq-playlist__content > h2:first-child,
.cq-playlist__content > h3:first-child {
	margin-top: 0;
}

/* "More playlists" band. */
.cq-playlist-more {
	background: var(--cream-2, #f1e9dd);
	border-top: 1px solid var(--line-gold, rgba(179, 137, 63, 0.35));
}
.cq-playlist-more__inner {
	max-width: var(--wrap, 1180px);
	margin: 0 auto;
	padding: clamp(3rem, 7vw, 5rem) var(--gutter, 1.5rem);
	text-align: center;
}
.cq-playlist-more__title {
	margin: 0;
	font-family: var(--serif, Georgia, serif);
	font-weight: 400;
	font-size: clamp(1.8rem, 4vw, 2.4rem);
	color: var(--ink, #241f1a);
}
/* Outranks the flourish style's own margin rule (separator-flourish.css) to open up the gap before the grid. */
.cq-playlist-more .wp-block-separator.is-style-cq-flourish:not(.is-style-wide):not(.is-style-dots) {
	margin-bottom: clamp(2.25rem, 5vw, 3rem);
}
.cq-playlist-more__all {
	display: flex;
	justify-content: center;
	margin-top: 2.5rem;
}

/* "Found Your Music?" band at the foot of every playlist (links to Contact). */
.cq-playlist-contact {
	border-top: 1px solid var(--line-gold, rgba(179, 137, 63, 0.35));
}
.cq-playlist-contact__actions {
	display: flex;
	justify-content: center;
}