/* Web321 Podcast Player — front-end styles (namespaced under .w321pp) */
.w321pp{
	--w321-accent:#0C5FA6;
	--w321-accent-dark:#094C84;
	--w321-ink:#0B1A2B;
	--w321-muted:#5E6B78;
	--w321-wave:#D7DDE2;
	--w321-line:#E4E8EC;
	box-sizing:border-box;
	max-width:720px;
	margin:1.5em 0;
	padding:24px 24px 16px;
	background:#fff;
	border:1px solid var(--w321-line);
	border-radius:12px;
	box-shadow:0 1px 2px rgba(11,26,43,.04),0 8px 24px rgba(11,26,43,.05);
	font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
	color:var(--w321-ink);
	-webkit-font-smoothing:antialiased;
}
.w321pp *,.w321pp *::before,.w321pp *::after{box-sizing:border-box}

.w321pp__head{margin-bottom:18px}
.w321pp__eyebrow{color:var(--w321-accent);font-weight:700;font-size:.9rem;margin:0 0 6px}
.w321pp__title{font-size:clamp(1.3rem,1rem + 1.6vw,1.9rem);line-height:1.15;font-weight:800;letter-spacing:-.01em;margin:0 0 12px;color:var(--w321-ink)}
.w321pp__meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:var(--w321-muted);font-size:.9rem}
.w321pp__dot{width:3px;height:3px;border-radius:50%;background:#C4CCD2;display:inline-block}

.w321pp__audio{display:none}

.w321pp__player{display:flex;align-items:center;gap:16px;margin-bottom:12px}
.w321pp__play{flex:0 0 auto;width:68px;height:68px;border-radius:50%;border:none;background:var(--w321-accent);color:#fff;cursor:pointer;display:grid;place-items:center;transition:background .15s,transform .08s;box-shadow:0 4px 14px rgba(12,95,166,.3)}
.w321pp__play:hover{background:var(--w321-accent-dark)}
.w321pp__play:active{transform:scale(.96)}
.w321pp__playicon{width:28px;height:28px;margin-left:2px}
.w321pp__play.is-playing .w321pp__playicon{margin-left:0}

.w321pp__wavewrap{flex:1 1 auto;min-width:0}
.w321pp__wave{display:block;width:100%;height:60px;cursor:pointer}

.w321pp__controls{display:flex;align-items:center;gap:6px}
.w321pp__icon{border:none;background:none;cursor:pointer;color:var(--w321-ink);width:40px;height:40px;border-radius:50%;display:grid;place-items:center;transition:background .15s}
.w321pp__icon:hover{background:#F1F4F6}
.w321pp__icon svg{width:26px;height:26px}
.w321pp__speed{border:1px solid var(--w321-line);background:#fff;color:var(--w321-ink);border-radius:999px;padding:5px 12px;font-weight:700;font-size:.85rem;cursor:pointer;min-width:54px;transition:background .15s,border-color .15s}
.w321pp__speed:hover{background:#F6F8FA;border-color:#D4DADF}
.w321pp__time{margin-left:auto;color:var(--w321-muted);font-size:.9rem;font-variant-numeric:tabular-nums}
.w321pp__time b{color:var(--w321-ink);font-weight:600}

.w321pp :focus-visible{outline:3px solid rgba(12,95,166,.45);outline-offset:2px}

@media (max-width:520px){
	.w321pp{padding:18px 16px 8px}
	.w321pp__play{width:58px;height:58px}
	.w321pp__playicon{width:24px;height:24px}
}
@media (prefers-reduced-motion:reduce){.w321pp *{transition:none!important}}