.ddc-podcast-grid-module,
.ddc-single-player {
	box-sizing:border-box;
}

.ddc-now-playing {
	background:var(--ddc-now-bg,var(--ddc-card-bg,#fff));
	border-radius:28px;
	padding:26px;
	margin-bottom:34px;
	box-shadow:0 10px 35px rgba(0,0,0,.07);
}

.ddc-np-inner {
	display:flex;
	align-items:center;
	gap:26px;
}

.ddc-np-image-wrap,
.ddc-single-image {
	flex:0 0 150px;
	width:150px;
	height:150px;
	border-radius:18px;
	overflow:hidden;
	background:#f1f1f1;
}

.ddc-np-image,
.ddc-single-image img {
	width:100%;
	height:100%;
	object-fit:cover;
	display:block;
}

.ddc-np-content,
.ddc-single-content {
	flex:1;
	min-width:0;
}

.ddc-np-kicker,
.ddc-single-kicker {
	font-size:10px;
	font-weight:700;
	letter-spacing:.12em;
	opacity:.55;
	margin-bottom:7px;
}

.ddc-np-title {
	margin:0 0 7px;
	color:var(--ddc-now-title,#111);
}

.ddc-single-title {
	margin:0 0 7px;
	color:var(--ddc-single-title,#111);
}

.ddc-card-title {
	margin:0 0 7px;
	color:var(--ddc-card-title,#111);
}

.ddc-np-meta {
	color:var(--ddc-now-meta,#777);
	font-size:13px;
}

.ddc-single-meta {
	color:var(--ddc-single-meta,#777);
	font-size:13px;
}

.ddc-card-meta {
	color:var(--ddc-card-meta,#777);
	font-size:13px;
}

.ddc-np-controls,
.ddc-single-controls,
.ddc-card-bottom {
	display:flex;
	align-items:center;
	gap:12px;
	margin-top:18px;
}

.ddc-btn,
.ddc-card-play,
.ddc-card-mini-play {
	border:0;
	cursor:pointer;
	background:transparent;
}

.ddc-play {
	width:40px;
	height:40px;
	border-radius:50%;
	background:var(--ddc-accent);
	color:#fff;
	display:grid;
	place-items:center;
	flex:0 0 auto;
}

.ddc-volume {
	width:30px;
	height:30px;
	padding:4px;
	color:#222;
	display:grid;
	place-items:center;
}

.ddc-volume-icon {
	display:block;
	width:20px;
	height:20px;
}

.ddc-volume.is-muted .ddc-volume-wave {
	display:none;
}

.ddc-progress {
	flex:1;
	min-width:0;
}

.ddc-seek {
	--ddc-progress:0%;
	width:100%;
	height:4px;
	margin:0;
	padding:0;
	appearance:none;
	-webkit-appearance:none;
	background:linear-gradient(to right, var(--ddc-accent) 0 var(--ddc-progress), #e7e7e7 var(--ddc-progress) 100%);
	border:0;
	border-radius:99px;
	cursor:pointer;
	vertical-align:middle;
}

.ddc-seek::-webkit-slider-runnable-track {
	height:4px;
	background:transparent;
	border:0;
}

.ddc-seek::-webkit-slider-thumb {
	-webkit-appearance:none;
	appearance:none;
	width:0;
	height:0;
	border:0;
	background:transparent;
}

.ddc-seek::-moz-range-track {
	height:4px;
	background:transparent;
	border:0;
}

.ddc-seek::-moz-range-progress {
	height:4px;
	background:var(--ddc-accent);
	border-radius:99px;
}

.ddc-seek::-moz-range-thumb {
	width:0;
	height:0;
	border:0;
	background:transparent;
}

.ddc-time {
	display:flex;
	justify-content:space-between;
	font-size:11px;
	margin-top:2px;
	opacity:.65;
}


/* Now Playing section colors */
.ddc-now-playing .ddc-play {
	background:var(--ddc-now-play-bg,var(--ddc-accent));
	color:var(--ddc-now-play-icon,#fff);
}

.ddc-now-playing .ddc-time {
	color:var(--ddc-now-time,#777);
}

.ddc-now-playing .ddc-seek {
	background:linear-gradient(to right, var(--ddc-now-progress,var(--ddc-accent)) 0 var(--ddc-progress), var(--ddc-now-track,#e7e7e7) var(--ddc-progress) 100%);
}

.ddc-now-playing .ddc-seek::-moz-range-progress { background:var(--ddc-now-progress,var(--ddc-accent)); }
.ddc-now-playing .ddc-volume { color:var(--ddc-now-volume,#222); }

/* Single player refinements */
.ddc-single-player .ddc-play {
	background:var(--ddc-single-play-bg,var(--ddc-accent));
	color:var(--ddc-single-play-icon,#fff);
}

.ddc-single-player .ddc-seek {
	background:linear-gradient(to right, var(--ddc-single-progress,var(--ddc-accent)) 0 var(--ddc-progress), var(--ddc-single-track,#e7e7e7) var(--ddc-progress) 100%);
}

.ddc-single-player .ddc-seek::-moz-range-progress { background:var(--ddc-single-progress,var(--ddc-accent)); }
.ddc-single-player .ddc-volume { color:var(--ddc-single-volume,#222); }

.ddc-single-player .ddc-single-controls {
	align-items:flex-start;
}

.ddc-single-player .ddc-single-controls > .ddc-play {
	margin-top:-18px;
}

.ddc-single-player .ddc-single-controls > .ddc-volume {
	margin-top:-13px;
}

.ddc-single-player .ddc-single-kicker {
	color:var(--ddc-single-kicker,#777);
	opacity:1;
	font-size:var(--ddc-single-kicker-size-desktop,10px);
	font-weight:var(--ddc-single-kicker-weight,400);
}

.ddc-single-player .ddc-single-controls .ddc-time {
	color:var(--ddc-single-time,#777);
	opacity:1;
	font-size:var(--ddc-single-time-size-desktop,11px);
	font-weight:var(--ddc-single-time-weight,400);
}

.ddc-single-player.ddc-single-icon-dark .ddc-volume {
	color:#222;
}

.ddc-single-player.ddc-single-icon-light .ddc-volume {
	color:#fff;
}

.ddc-podcast-grid {
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:16px;
}

.ddc-podcast-card {
	background:var(--ddc-card-bg,#fff);
	border-radius:16px;
	padding:14px;
	box-sizing:border-box;
	min-width:0;
	box-shadow:0 10px 35px var(--ddc-card-shadow-rgba,rgba(0,0,0,.07));
	transition:transform .2s ease, box-shadow .2s ease;
}

.ddc-podcast-card:hover {
	transform:translateY(-2px);
}

.ddc-podcast-card {
	display:flex;
	align-items:center;
	gap:12px;
}

.ddc-card-media {
	position:relative;
	flex:0 0 76px;
	width:76px;
	height:76px;
	border-radius:10px;
	overflow:hidden;
	background:#f1f1f1;
}

.ddc-card-media img {
	width:100%;
	height:100%;
	object-fit:cover;
	display:block;
}

.ddc-card-content {
	position:relative;
	flex:1;
	min-width:0;
}

.ddc-card-main {
	min-width:0;
	padding-right:38px;
}

.ddc-card-title {
	margin:0 0 3px;
	color:var(--ddc-card-title,#111);
	font-size:15px;
	line-height:1.35;
	white-space:normal;
	overflow:visible;
	text-overflow:clip;
	word-break:normal;
	overflow-wrap:anywhere;
}

.ddc-card-meta {
	color:var(--ddc-card-meta,#777);
	font-size:11px;
	line-height:1.3;
	white-space:normal;
	overflow:visible;
	text-overflow:clip;
}

.ddc-card-actions {
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	pointer-events:none;
}

.ddc-card-actions .ddc-card-play {
	position:absolute;
	right:0;
	top:-2px;
	width:28px;
	height:28px;
	border-radius:50%;
	background:var(--ddc-card-play-bg,var(--ddc-accent));
	color:var(--ddc-card-play-icon,#fff);
	display:grid;
	place-items:center;
	padding:0;
	font-size:10px;
	pointer-events:auto;
}

.ddc-card-bottom {
	display:flex;
	align-items:center;
	gap:7px;
	margin-top:9px;
}

.ddc-card-track {
	height:3px;
	background:var(--ddc-card-track,#e7e7e7);
	flex:1;
	min-width:0;
	border-radius:99px;
	overflow:hidden;
}

.ddc-card-track span {
	display:block;
	height:100%;
	width:0;
	background:var(--ddc-card-progress,var(--ddc-accent));
}

.ddc-card-time,
.ddc-card-duration {
	font-size:9px;
	line-height:1;
	color:var(--ddc-card-time,#777);
	opacity:1;
	white-space:nowrap;
}

.ddc-card-time {
	min-width:29px;
}

.ddc-single-player {
	display:flex;
	align-items:center;
	gap:26px;
	background:var(--ddc-single-bg,#fff);
	border-radius:28px;
	padding:26px;
	box-shadow:0 10px 35px rgba(0,0,0,.07);
}

.ddc-single-image {
	flex-basis:180px;
	width:180px;
	height:180px;
}

.ddc-single-title {
	color:var(--ddc-single-title,#111);
	font-size:var(--ddc-single-title-size-desktop,24px);
	font-weight:var(--ddc-single-title-weight,600);
}

.ddc-single-meta {
	color:var(--ddc-single-meta,#777);
	font-size:var(--ddc-single-meta-size-desktop,13px);
	font-weight:var(--ddc-single-meta-weight,400);
}

.ddc-no-podcasts,
.ddc-single-empty {
	padding:20px;
	background:#f7f7f7;
	border-radius:12px;
}


@media (max-width:980px) {
	.ddc-single-player .ddc-single-kicker { font-size:var(--ddc-single-kicker-size-tablet,10px); }
	.ddc-single-player .ddc-single-title { font-size:var(--ddc-single-title-size-tablet,22px); }
	.ddc-single-player .ddc-single-meta { font-size:var(--ddc-single-meta-size-tablet,12px); }
	.ddc-single-player .ddc-single-controls .ddc-time { font-size:var(--ddc-single-time-size-tablet,11px); }
}

@media (max-width:980px) {
	.ddc-podcast-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (max-width:767px) {
	.ddc-single-player .ddc-single-kicker { font-size:var(--ddc-single-kicker-size-mobile,9px); }
	.ddc-single-player .ddc-single-title { font-size:var(--ddc-single-title-size-mobile,20px); }
	.ddc-single-player .ddc-single-meta { font-size:var(--ddc-single-meta-size-mobile,12px); }
	.ddc-single-player .ddc-single-controls .ddc-time { font-size:var(--ddc-single-time-size-mobile,10px); }
	.ddc-np-inner,
	.ddc-single-player {
		flex-direction:column;
		align-items:stretch;
	}
	.ddc-np-image-wrap,
	.ddc-single-image {
		width:100%;
		height:auto;
		aspect-ratio:1.5/1;
		flex-basis:auto;
	}
	.ddc-podcast-grid { grid-template-columns:1fr; }
	.ddc-single-player .ddc-single-controls { flex-direction:row; align-items:flex-start; }
}


/* All Episode layout */
.ddc-all-episodes { box-sizing:border-box; }
.ddc-all-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.ddc-all-card { display:flex; align-items:center; gap:16px; min-width:0; padding:16px; box-sizing:border-box; background:var(--ddc-all-bg,#fff); border-radius:16px; box-shadow:0 10px 35px var(--ddc-all-shadow-rgba,rgba(0,0,0,.07)); text-decoration:none !important; transition:transform .2s ease, box-shadow .2s ease; }
.ddc-all-card:hover { transform:translateY(-2px); }
.ddc-all-media { flex:0 0 104px; width:104px; height:104px; border-radius:12px; overflow:hidden; background:#f1f1f1; }
.ddc-all-media img { width:100%; height:100%; object-fit:cover; display:block; }
.ddc-all-content { min-width:0; flex:1; }
.ddc-all-title { margin:0 0 4px; color:var(--ddc-all-title,#111); font-size:var(--ddc-all-title-size-desktop,16px); font-weight:var(--ddc-all-title-weight,600); line-height:1.35; white-space:normal !important; overflow:visible !important; text-overflow:clip !important; word-break:normal; overflow-wrap:anywhere; }
.ddc-all-meta { margin:0; color:var(--ddc-all-meta,#777); font-size:var(--ddc-all-meta-size-desktop,12px); font-weight:var(--ddc-all-meta-weight,400); line-height:1.3; white-space:normal; overflow:visible; text-overflow:clip; }
.ddc-all-cta { display:inline-block; margin-top:10px; color:var(--ddc-all-cta,var(--ddc-accent)); font-size:var(--ddc-all-cta-size-desktop,12px); font-weight:var(--ddc-all-cta-weight,600); line-height:1.2; transition:opacity .2s ease; }
.ddc-all-card:hover .ddc-all-cta { opacity:.78; }
.ddc-all-columns-1 .ddc-all-grid { grid-template-columns:1fr; }
@media (max-width:980px) {
 .ddc-all-grid, .ddc-all-columns-2 .ddc-all-grid { grid-template-columns:1fr; }
 .ddc-all-title { font-size:var(--ddc-all-title-size-tablet,16px); }
 .ddc-all-meta { font-size:var(--ddc-all-meta-size-tablet,12px); }
 .ddc-all-cta { font-size:var(--ddc-all-cta-size-tablet,12px); }
}
@media (max-width:767px) {
 .ddc-all-grid, .ddc-all-columns-2 .ddc-all-grid { grid-template-columns:1fr; }
 .ddc-all-card { display:flex; flex-direction:column; align-items:stretch; gap:12px; padding:14px; }
 .ddc-all-media { flex:0 0 auto; width:100%; height:auto; aspect-ratio:1 / 1; border-radius:12px; }
 .ddc-all-media img { width:100%; height:100%; object-fit:cover; }
 .ddc-all-content { width:100%; }
 .ddc-all-title { font-size:var(--ddc-all-title-size-mobile,15px); }
 .ddc-all-meta { font-size:var(--ddc-all-meta-size-mobile,11px); }
 .ddc-all-cta { font-size:var(--ddc-all-cta-size-mobile,11px); }
}