/* ==========================================================================
   Single Style 11 — Episode (Podwave)
   Podcast-episode page: a plum "player" header with square cover art and a
   waveform scrubber, show-notes typography, rounded cards and pill controls.
   ========================================================================== */
.eps-11.eps-fonts { --eps-title-font: 'Poppins', var(--font-heading, sans-serif); --eps-h-font: 'Poppins', var(--font-heading, sans-serif); --eps-ui: 'Inter', var(--font-body, sans-serif); --eps-body-font: 'Inter', var(--font-body, sans-serif); }
.eps-11 {
	--eps-title-size: clamp(2rem, 1.2rem + 2.4vw, 3.1rem); --eps-title-weight: 800; --eps-body-size: 1.1rem; --eps-radius: 20px;
	--ep11-ink: #170b2e; --ep11-plum: #2a1257; --ep11-violet: var(--eps-accent-2, #7c3aed);
	--ep11-tint: color-mix(in srgb, var(--ep11-violet) 7%, var(--bg-body));
	--eps-link-line: color-mix(in srgb, var(--eps-accent) 55%, transparent);
}

/* --- Header: player panel --- */
.eps-11 .eps-head > .container { padding-top: 28px; }
.eps-11 .eps-head--split .eps-head__inner {
	position: relative; grid-template-columns: minmax(0, 1.25fr) minmax(0, .75fr); gap: 54px; align-items: center;
	padding: 44px 44px 44px 50px; overflow: hidden; border-radius: 32px; color: #fff; isolation: isolate;
	background:
		radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--eps-accent) 50%, transparent), transparent 42%),
		radial-gradient(circle at 20% 140%, color-mix(in srgb, var(--ep11-violet) 60%, transparent), transparent 55%),
		linear-gradient(135deg, var(--ep11-ink), var(--ep11-plum));
}
.eps-11 .eps-head__inner::before { content: ''; position: absolute; inset: 0; z-index: -1; opacity: .06; background: repeating-linear-gradient(90deg, #fff 0 1px, transparent 1px 8px); -webkit-mask: linear-gradient(90deg, transparent 20%, #000); mask: linear-gradient(90deg, transparent 20%, #000); }
.eps-11 .eps-head__text { min-width: 0; }
.eps-11 .eps-crumbs { margin-bottom: 20px; font-size: 12.5px; }
.eps-11 .eps-crumbs a { color: rgba(255, 255, 255, .85); text-decoration: none; }
.eps-11 .eps-crumbs a:hover { color: #fdba74; }
.eps-11 .eps-crumbs span, .eps-11 .eps-crumbs i { color: rgba(255, 255, 255, .5); }
.eps-11 .eps-crumbs span { overflow: hidden; max-width: 260px; white-space: nowrap; text-overflow: ellipsis; }
.eps-11 .eps-badges { margin-bottom: 16px; }
.eps-11 .eps-cat { display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px 8px 10px; border-radius: 999px; font: 700 12px/1 var(--eps-title-font); letter-spacing: .4px; text-transform: none; }
.eps-11 .eps-cat::before { content: '\ef4f'; font-family: 'remixicon'; font-size: 14px; font-weight: 400; }
.eps-11 .eps-title { color: #fff; letter-spacing: -1.2px; line-height: 1.1; }
.eps-11 .eps-tagline .ep-article-tagline { margin-bottom: 24px; color: rgba(255, 255, 255, .74); font-size: 1.12rem; }

/* Waveform under the tagline: plays/seeks the episode (with an MP3) or shows reading progress. */
.eps-11 .eps-wave { display: flex; align-items: center; gap: 14px; margin: 4px 0 26px; }
.eps-11 .eps-wave__bars { position: relative; flex: 1; min-width: 0; height: 44px; }
/* The bar shape is drawn on a layer so the whole strip stays clickable (clip-path also clips clicks). */
.eps-11 .eps-wave__bars::before {
	content: ''; position: absolute; inset: 0; pointer-events: none;
	background: linear-gradient(90deg, var(--eps-accent) 0 var(--p, 0%), rgba(255, 255, 255, .26) var(--p, 0%));
	-webkit-mask: repeating-linear-gradient(90deg, #000 0 3px, transparent 3px 7px); mask: repeating-linear-gradient(90deg, #000 0 3px, transparent 3px 7px);
	clip-path: polygon(0 55%, 3% 35%, 6% 62%, 9% 20%, 12% 48%, 15% 8%, 18% 40%, 21% 60%, 24% 25%, 27% 52%, 30% 0, 33% 45%, 36% 30%, 39% 62%, 42% 18%, 45% 50%, 48% 34%, 51% 64%, 54% 12%, 57% 46%, 60% 28%, 63% 58%, 66% 22%, 69% 48%, 72% 36%, 75% 60%, 78% 16%, 81% 44%, 84% 30%, 87% 56%, 90% 38%, 93% 62%, 96% 42%, 100% 56%, 100% 100%, 0 100%);
	transition: background .15s linear;
}
.eps-11 .eps-wave.has-audio .eps-wave__bars { cursor: pointer; }
.eps-11 .eps-wave__bars:focus-visible { outline: 2px solid #fdba74; outline-offset: 4px; }
.eps-11 .eps-wave__play { flex-shrink: 0; display: grid; place-items: center; width: 48px; height: 48px; border: 0; border-radius: 50%; background: var(--eps-accent-fill, var(--eps-accent)); color: var(--eps-on-accent, #fff); font-size: 24px; cursor: pointer; box-shadow: 0 10px 26px color-mix(in srgb, var(--eps-accent) 50%, transparent); transition: transform .2s ease; }
.eps-11 .eps-wave__play:hover { transform: scale(1.06); }
.eps-11 .eps-wave__play:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
.eps-11 .eps-wave.is-loading .eps-wave__play i { display: inline-block; animation: eps-spin 1s linear infinite; }
@keyframes eps-spin { to { transform: rotate(360deg); } }
.eps-11 .eps-wave__time { flex-shrink: 0; min-width: 44px; color: rgba(255, 255, 255, .8); font: 600 13px/1 var(--eps-ui); font-variant-numeric: tabular-nums; }
/* The cover's play badge only appears when there is an episode to play; it then plays/pauses it. */
.eps-11 .eps-head:not(.eps-has-audio) .eps-head__media::after { display: none !important; }
.eps-11 .eps-head.eps-has-audio .eps-head__media { cursor: pointer; }
.eps-11 .eps-head.eps-is-playing .eps-head__media::after { content: '\efd7'; }
.eps-11 .eps-tagline:empty { display: block; }

.eps-11 .eps-head .eps-meta { margin: 0; padding: 0; border: 0; gap: 16px 22px; }
.eps-11 .eps-head .eps-meta__avatar img { width: 46px; height: 46px; box-shadow: 0 0 0 2px var(--ep11-plum), 0 0 0 4px var(--eps-accent); }
.eps-11 .eps-head .eps-meta__line { color: rgba(255, 255, 255, .65); text-transform: none; letter-spacing: 0; font-size: 13px; }
.eps-11 .eps-head .eps-meta__line > * + * { border-color: rgba(255, 255, 255, .18); }
.eps-11 .eps-head .eps-meta__by a { color: #fff; text-decoration: none; }
.eps-11 .eps-head .eps-meta__save { color: #fdba74; border-color: rgba(255, 255, 255, .18); }
.eps-11 .eps-head .eps-meta__date { color: rgba(255, 255, 255, .55); text-transform: none; letter-spacing: 0; }
.eps-11 .eps-head .eps-meta__share-label { color: rgba(255, 255, 255, .7); letter-spacing: 1px; }
.eps-11 .eps-head .eps-meta__share .eps-sb { width: 36px; height: 36px; border-radius: 50%; background: rgba(255, 255, 255, .1); color: #fff; }
.eps-11 .eps-head .eps-meta__share .eps-sb:hover { background: var(--eps-accent); }

/* Cover art */
.eps-11 .eps-head--split .eps-head__media { position: relative; justify-self: end; width: 100%; max-width: 420px; }
.eps-11 .eps-head--split .eps-head__media img { aspect-ratio: 1 / 1; border-radius: 26px; box-shadow: 0 30px 60px rgba(0, 0, 0, .45), 0 0 0 1px rgba(255, 255, 255, .08); }
.eps-11 .eps-head--split .eps-head__media::after { content: '\f00a'; position: absolute; right: -14px; top: calc(50% - 34px); display: flex; align-items: center; justify-content: center; width: 68px; height: 68px; border-radius: 50%; background: var(--eps-accent); color: var(--eps-on-accent, #fff); font: 400 32px/1 'remixicon'; box-shadow: 0 14px 34px color-mix(in srgb, var(--eps-accent) 55%, transparent); }
.eps-11 .eps-head .eps-figure figcaption { margin-top: 12px; color: rgba(255, 255, 255, .55); font-size: 12.5px; text-align: center; }
.eps-11 .eps-body { padding-top: 46px; }

/* Non-split fallback (builder header blocks) keeps a light figure */
.eps-11 .eps-figure img { border-radius: var(--eps-radius); }

/* --- Show notes --- */
.eps-11 .eps-content { line-height: 1.82; }
.eps-11 .eps-content h2 { position: relative; padding-left: 20px; font-weight: 700; letter-spacing: -.6px; }
.eps-11 .eps-content h2::before { content: ''; position: absolute; left: 0; top: .18em; bottom: .18em; width: 5px; border-radius: 5px; background: linear-gradient(180deg, var(--eps-accent), var(--ep11-violet)); }
.eps-11 .eps-content h3 { font-weight: 700; color: var(--ep11-violet); }
.eps-11 .eps-content > ul { padding-left: 0; list-style: none; }
.eps-11 .eps-content > ul li { position: relative; padding-left: 34px; }
.eps-11 .eps-content > ul li::before { content: '\f00a'; position: absolute; left: 0; top: .32em; display: flex; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: 50%; background: color-mix(in srgb, var(--eps-accent) 14%, transparent); color: var(--eps-accent-text, var(--eps-accent)); font: 400 13px/1 'remixicon'; }
.eps-11 .eps-content > ol li::marker { color: var(--eps-accent-text, var(--eps-accent)); font-family: var(--eps-title-font); font-weight: 700; }
.eps-11 .dropcap-wrapper > p:first-of-type::first-letter {
	float: left; margin: 6px 16px 0 0; padding: 12px 16px; border-radius: 20px;
	background: linear-gradient(135deg, var(--eps-accent), var(--ep11-violet)); color: #fff;
	font-size: 3.2rem; font-weight: 800; line-height: .9;
}
.eps-11 .eps-content blockquote { padding: 34px 36px 30px; border-radius: 24px; background: var(--ep11-tint); text-align: left; }
.eps-11 .eps-content blockquote::before { content: '\ec51'; height: auto; margin-bottom: 12px; font: 400 2.4rem/1 'remixicon'; color: var(--eps-accent-text, var(--eps-accent)); }
.eps-11 .eps-content blockquote p { font-size: 1.45rem; font-weight: 700; letter-spacing: -.4px; line-height: 1.42; }
.eps-11 .eps-content blockquote cite { font-style: normal; font-weight: 600; color: var(--ep11-violet); }
.eps-11 .eps-content blockquote cite::before { background: var(--eps-accent); height: 2px; }
.eps-11 .eps-content figure img { border-radius: 20px; }
.eps-11 .ep-toc-container { border: 0; border-radius: 22px; background: var(--ep11-tint); }
.eps-11 .ep-toc-title i { color: var(--eps-accent-text, var(--eps-accent)); }
.eps-11 .ep-toc-number { border-radius: 50%; min-width: 24px; height: 24px; padding: 0; justify-content: center; background: var(--eps-accent); color: var(--eps-on-accent, #fff); font-size: 11px; }

/* --- After the article --- */
.eps-11 .eps-tags a { background: var(--eps-soft); border-color: transparent; }
.eps-11 .eps-tags a:hover { background: color-mix(in srgb, var(--eps-accent) 12%, transparent); }
.eps-11 .eps-sharebar { padding: 18px 22px; border: 0; border-radius: 22px; background: var(--ep11-tint); }
.eps-11 .eps-sharebar__label { font-family: var(--eps-title-font); font-size: 17px; }
.eps-11 .eps-sharebar__label i { color: var(--eps-accent-text, var(--eps-accent)); }
.eps-11 .eps-sharebar .eps-sb { width: 42px; height: 42px; border-radius: 999px; }
.eps-11 .eps-sharebar .eps-sb.has-text { width: auto; padding: 0 18px; }
.eps-11 .eps-author { margin-top: 26px; padding: 28px; border: 1px solid var(--eps-line); border-radius: 24px; background: var(--eps-card); grid-template-columns: 78px minmax(0, 1fr); }
.eps-11 .eps-author__avatar img { width: 72px; height: 72px; box-shadow: 0 0 0 3px var(--eps-card), 0 0 0 5px var(--eps-accent); }
.eps-11 .eps-author__name { font-family: var(--eps-title-font); font-weight: 700; text-transform: none; font-size: 18px; letter-spacing: -.2px; }
.eps-11 .eps-author__name::before { content: 'Host · '; color: var(--eps-accent-text, var(--eps-accent)); }
.eps-11 .eps-author__name i { color: var(--ep11-violet); }
.eps-11 .eps-author__follow a { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 50%; background: var(--eps-soft); font-size: 15px; }
.eps-11 .eps-author__follow a:hover { background: var(--eps-accent); color: var(--eps-on-accent, #fff); }
.eps-11 .eps-postnav { gap: 18px; border-top: 0; }
.eps-11 .eps-postnav__item { padding: 14px; border: 1px solid var(--eps-line); border-radius: 20px; transition: border-color .2s, transform .2s; }
.eps-11 .eps-postnav__item:hover { transform: translateY(-2px); border-color: var(--eps-accent); }
.eps-11 .eps-postnav__img { border-radius: 14px; }
.eps-11 .eps-postnav__label { color: var(--eps-accent-text, var(--eps-accent)); }
.eps-11 .eps-postnav__title { font-family: var(--eps-title-font); font-weight: 600; }
.eps-11 .related-card .img-hover-zoom { border-radius: 18px; }
.eps-11 .related-card h4 { font-family: var(--eps-title-font); font-weight: 700; }

/* --- Sidebar: equaliser headings --- */
.eps-11 .ep-sidebar .ep-section-heading { border: 0; padding: 0; }
.eps-11 .ep-sidebar .ep-section-heading::before, .eps-11 .ep-sidebar .ep-section-heading::after { display: none; }
.eps-11 .ep-sidebar .ep-section-heading .title-text { display: inline-flex; align-items: flex-end; gap: 10px; padding: 0; font-size: 1.2rem; font-weight: 700; letter-spacing: -.3px; }
.eps-11 .ep-sidebar .ep-section-heading .title-text::before { content: ''; flex-shrink: 0; width: 15px; height: 16px; margin-bottom: 4px; background: linear-gradient(var(--eps-accent), var(--eps-accent)) 0 100% / 3px 60% no-repeat, linear-gradient(var(--eps-accent), var(--eps-accent)) 6px 100% / 3px 100% no-repeat, linear-gradient(var(--ep11-violet), var(--ep11-violet)) 12px 100% / 3px 40% no-repeat; position: static; border: 0; }
.eps-11 .ep-sidebar .ep-section-heading .title-text::after { display: none; }
.eps-11 .ep-sidebar .widget-ad .ep-section-heading .title-text::before { content: '- '; width: auto; height: auto; margin: 0; background: none; }
.eps-11 .ep-sidebar .widget-ad .ep-section-heading .title-text::after { content: ' -'; display: inline; }
.eps-11 .ep-latest-thumb img, .eps-11 .ep-latest-ph { border-radius: 14px; }
.eps-11 .widget-social .contact-social-item { border-radius: 18px; }
.eps-11 .widget-newsletter .newsletter-widget-inner { border-radius: 24px; background: linear-gradient(135deg, var(--ep11-ink), var(--ep11-plum)); color: #fff; }
.eps-11 .widget-newsletter .newsletter-title { color: #fff; }
.eps-11 .widget-newsletter .newsletter-form input, .eps-11 .widget-newsletter .subscribe-btn { border-radius: 999px; }

/* --- Dark --- */
[data-theme="dark"] .eps-11 { --ep11-tint: color-mix(in srgb, var(--ep11-violet) 14%, var(--bg-body)); --ep11-ink: #120824; --ep11-plum: #24104a; }
[data-theme="dark"] .eps-11 .eps-content h3, [data-theme="dark"] .eps-11 .eps-content blockquote cite, [data-theme="dark"] .eps-11 .eps-author__name i { color: #c4b5fd; }

/* --- Responsive --- */
@media (max-width: 992px) {
	.eps-11 .eps-head--split .eps-head__inner { grid-template-columns: minmax(0, 1fr); gap: 30px; padding: 34px 30px; }
	.eps-11 .eps-head--split .eps-head__media { order: -1; justify-self: start; max-width: 320px; }
}
@media (max-width: 768px) {
	.eps-11 .eps-head > .container { padding-top: 16px; }
	.eps-11 .eps-head--split .eps-head__inner { padding: 22px 18px 26px; border-radius: 24px; }
	.eps-11 .eps-head--split .eps-head__media { max-width: none; }
	.eps-11 .eps-head--split .eps-head__media img { aspect-ratio: 16 / 11; border-radius: 18px; }
	.eps-11 .eps-crumbs span { max-width: 160px; }
	.eps-11 .eps-wave { gap: 10px; margin-bottom: 20px; }
	.eps-11 .eps-wave__bars { height: 34px; }
	.eps-11 .eps-wave__play { width: 44px; height: 44px; font-size: 22px; }
	.eps-11 .eps-content blockquote { padding: 26px 22px 22px; }
	.eps-11 .eps-author { padding: 22px; }
	.eps-11 .eps-sharebar { padding: 16px; }
	.eps-11 .dropcap-wrapper > p:first-of-type::first-letter { padding: 10px 13px; font-size: 2.5rem !important; }
}

/* Live tag on the dark episode card: light red keeps 4.5:1 */
.eps-11 .eps-head .ep-live-badge { --ep-live-text: #fca5a5; }
@media (prefers-reduced-motion: reduce) { .eps-11 .eps-wave__bars { transition: none; } .eps-11 .eps-wave__play { transition: none; } }
.eps-11 .eps-head .ep-google-preferred-wrapper { margin: 22px 0 0; }