/* Layout */
.mpw-podcast-item{
	display:grid;
	grid-template-columns:180px 1fr;
	gap:24px;
	padding:24px 0;
	border-bottom:1px solid #e7e7e7;
	align-items:flex-start;
}
.mpw-podcast-left img{width:100%;border-radius:8px;display:block}
.mpw-thumb-placeholder{width:100%;aspect-ratio:1/1;background:#f2f2f2;border-radius:8px}
.mpw-podcast-title{margin:0 0 10px;line-height:1.25}
.mpw-podcast-title a{text-decoration:none}

/* Player */
.mpw-player{
	display:flex;
	align-items:center;
	gap:12px;
	margin:10px 0 14px;
}
.mpw-play-btn{
	width:48px;height:48px;
	border-radius:999px;
	border:none;
	background:#ff5a3c;
	color:#fff;
	cursor:pointer;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	flex:0 0 auto;
}
.mpw-play-btn span{font-size:22px;line-height:1}
.mpw-progress{
	flex:1 1 auto;
	height:6px;
	background:#eee;
	border-radius:999px;
	overflow:hidden;
}
.mpw-progress-bar{
	width:0%;
	height:100%;
	background:#ff5a3c;
	transition:width .12s linear;
}
.mpw-time{
	flex:0 0 auto;
	font-size:13px;
	color:#555;
	white-space:nowrap;
}
.mpw-podcast-text{margin:0;color:#555}

/* Mobile */
@media(max-width:768px){
	.mpw-podcast-item{grid-template-columns:1fr}
	.mpw-podcast-left{max-width:320px}
}