/* Demo skin — Podwave (podcast network · grid Episodes · single 11 "Episode")
   Plum "show page" headers with a waveform scrubber, rounded episode cards,
   pill controls and an orange-to-violet gradient for primary actions. */
html[data-demo="podwave"] {
	--pw-violet: #7c3aed; --pw-ink: #170b2e; --pw-plum: #2a1257;
	--pw-grad: linear-gradient(120deg, var(--accent), var(--pw-violet));
	--sk-radius: 22px; --sk-field-radius: 16px; --sk-btn-radius: 999px;
	--sk-head-align: left;
	--sk-head-bg:
		radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--accent) 50%, transparent), transparent 40%),
		radial-gradient(circle at 15% 150%, color-mix(in srgb, var(--pw-violet) 60%, transparent), transparent 55%),
		linear-gradient(135deg, var(--pw-ink), var(--pw-plum));
	--sk-head-fg: #ffffff; --sk-head-muted: rgba(255, 255, 255, .72);
	--sk-label-font: 'Poppins', var(--font-body), sans-serif; --sk-label-ls: 1.2px; --sk-label-size: 11.5px;
	--sk-title-weight: 800; --sk-title-ls: -0.035em; --sk-btn-tt: none; --sk-btn-ls: 0;
	--sk-soft: color-mix(in srgb, var(--pw-violet) 6%, var(--bg-body));
}
html[data-demo="podwave"][data-theme="dark"] { --pw-ink: #120824; --pw-plum: #24104a; --sk-soft: color-mix(in srgb, var(--pw-violet) 12%, var(--bg-body)); }

/* ---------- Archive / author header: show page ---------- */
html[data-demo="podwave"] .archive-header,
html[data-demo="podwave"] .author-hero-section { border-radius: 0 0 36px 36px; }
html[data-demo="podwave"] .archive-header { padding: 70px 24px 110px; }
html[data-demo="podwave"] .archive-header::before { display: none; }
html[data-demo="podwave"] .archive-header::after {
	content: ''; position: absolute; left: 0; right: 0; bottom: 30px; z-index: 0; height: 46px; max-width: 1240px; margin: 0 auto; padding: 0 20px; background-clip: content-box;
	background-color: transparent; background-image: linear-gradient(90deg, var(--accent) 0 30%, rgba(255, 255, 255, .24) 30%);
	-webkit-mask: repeating-linear-gradient(90deg, #000 0 3px, transparent 3px 8px); mask: repeating-linear-gradient(90deg, #000 0 3px, transparent 3px 8px);
	clip-path: polygon(0 60%, 2% 35%, 4% 62%, 6% 18%, 8% 50%, 10% 30%, 12% 64%, 14% 8%, 16% 44%, 18% 26%, 20% 58%, 22% 14%, 24% 46%, 26% 34%, 28% 0, 30% 40%, 32% 62%, 34% 22%, 36% 52%, 38% 30%, 40% 60%, 42% 12%, 44% 48%, 46% 26%, 48% 56%, 50% 36%, 52% 64%, 54% 20%, 56% 50%, 58% 32%, 60% 58%, 62% 16%, 64% 46%, 66% 30%, 68% 60%, 70% 24%, 72% 54%, 74% 36%, 76% 62%, 78% 18%, 80% 48%, 82% 34%, 84% 58%, 86% 28%, 88% 52%, 90% 40%, 92% 62%, 94% 30%, 96% 56%, 98% 42%, 100% 58%, 100% 100%, 0 100%);
}
html[data-demo="podwave"] .archive-label { gap: 8px; padding: 8px 14px 8px 11px; border-radius: 999px; background: rgba(255, 255, 255, .12); color: #fff; }
html[data-demo="podwave"] .archive-label::before { content: '\ef4f'; width: auto; height: auto; background: none; opacity: 1; color: var(--accent-text, var(--accent)); font: 400 14px/1 'remixicon'; letter-spacing: 0; }
html[data-demo="podwave"] .archive-label::after { display: none; }
html[data-demo="podwave"] .archive-title { font-family: 'Poppins', var(--font-heading), sans-serif; }
html[data-demo="podwave"] .archive-tag-prefix,
html[data-demo="podwave"] .archive-query { color: #fdba74; }
html[data-demo="podwave"] .archive-desc { margin-left: 0; font-size: 1.1rem; }
html[data-demo="podwave"] .archive-header .vt-circle-img { margin-left: 0; border-radius: 26px; box-shadow: 0 0 0 3px rgba(255, 255, 255, .15), 0 20px 44px rgba(0, 0, 0, .35); }
html[data-demo="podwave"] .author-role { background: rgba(255, 255, 255, .14); color: #fff; }
html[data-demo="podwave"] .author-avatar { box-shadow: 0 0 0 4px var(--pw-plum), 0 0 0 7px var(--accent); }

/* ---------- Classic list rows: episode cards ---------- */
html[data-demo="podwave"] .classic-wide-container { display: flex; flex-direction: column; gap: 16px; }
html[data-demo="podwave"] .classic-article-row { align-items: center; padding: 14px 14px 14px 22px; border: 1px solid var(--border); border-radius: var(--sk-radius); background: var(--bg-body); transition: border-color .25s, transform .25s, box-shadow .25s; }
html[data-demo="podwave"] .classic-article-row:last-child { border-bottom: 1px solid var(--border); }
html[data-demo="podwave"] .classic-article-row:hover { transform: translateY(-2px); border-color: color-mix(in srgb, var(--accent) 45%, var(--border)); box-shadow: 0 18px 40px color-mix(in srgb, var(--pw-violet) 12%, transparent); }
html[data-demo="podwave"] .classic-meta-time { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; padding-top: 0; color: var(--text-muted); font-family: var(--sk-label-font); font-size: 12px; }
html[data-demo="podwave"] .classic-meta-time::before { content: '\f00a'; display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 50%; background: var(--accent-fill, var(--accent)); color: var(--on-accent-fill, #fff); font: 400 22px/1 'remixicon'; box-shadow: 0 8px 20px color-mix(in srgb, var(--accent) 35%, transparent); }
html[data-demo="podwave"] .classic-article-row .headline { font-family: 'Poppins', var(--font-heading), sans-serif; font-size: 1.3rem; font-weight: 700; letter-spacing: -.3px; }
html[data-demo="podwave"] .classic-article-row .headline a:hover { color: var(--accent-text, var(--accent)); }
html[data-demo="podwave"] .classic-thumb { flex-basis: 220px; overflow: hidden; border-radius: 16px; }
html[data-demo="podwave"] .category-tag { align-self: flex-start; padding: 5px 11px; border-radius: 999px; background: color-mix(in srgb, var(--accent) 12%, transparent); color: var(--accent-text, var(--accent)); font-family: var(--sk-label-font); font-size: 11px; font-weight: 700; text-transform: none; letter-spacing: .2px; }
html[data-demo="podwave"] .card-cat { color: var(--accent-text, var(--accent)); }

/* ---------- Load more / pagination ---------- */
html[data-demo="podwave"] .load-more-btn { padding: 14px 30px; border: 0; background: var(--pw-grad); color: #fff; font-size: 14px; box-shadow: 0 12px 28px color-mix(in srgb, var(--accent) 30%, transparent); }
html[data-demo="podwave"] .load-more-btn:hover { background: var(--pw-grad); color: #fff; transform: translateY(-2px); }
html[data-demo="podwave"] .ep-pagination.numeric-pagination a,
html[data-demo="podwave"] .ep-pagination.numeric-pagination span { border-radius: 50%; font-family: var(--sk-label-font); }
html[data-demo="podwave"] .ep-pagination.numeric-pagination span.current { border-color: transparent; background: var(--pw-grad); box-shadow: 0 8px 18px color-mix(in srgb, var(--accent) 30%, transparent); }

/* ---------- Comments ---------- */
html[data-demo="podwave"] .comments-area { border-radius: 28px; background: var(--bg-body); }
html[data-demo="podwave"] .comments-title,
html[data-demo="podwave"] .comment-reply-title { font-family: 'Poppins', var(--font-heading), sans-serif; }
html[data-demo="podwave"] .comments-title::after,
html[data-demo="podwave"] .comment-reply-title::after { width: 54px; height: 4px; background: var(--pw-grad); }
html[data-demo="podwave"] .comment-content-wrap { border-radius: 6px 22px 22px 22px; border-color: transparent; background: var(--sk-soft); }
html[data-demo="podwave"] .comment-avatar img { box-shadow: 0 0 0 2px var(--bg-body), 0 0 0 4px var(--accent); }
html[data-demo="podwave"] .comment-author a { color: var(--text-main); }
html[data-demo="podwave"] .comment-actions .comment-reply-link { color: var(--pw-violet); font-weight: 700; }
html[data-demo="podwave"] .submit-btn { padding: 14px 32px; background: var(--pw-grad); font-size: 14px; }
html[data-demo="podwave"][data-theme="dark"] .comment-actions .comment-reply-link { color: #c4b5fd; }

/* ---------- Visual taxonomy index: show covers ---------- */
html[data-demo="podwave"] .vt-circle-img { padding: 4px; border: 0; background: linear-gradient(135deg, var(--accent), var(--pw-violet)); box-shadow: 0 16px 34px color-mix(in srgb, var(--pw-violet) 18%, transparent); }
html[data-demo="podwave"] .vt-circle-img img { border-radius: 50%; border: 3px solid var(--bg-body); }
html[data-demo="podwave"] .vt-grid-circle a:hover .vt-circle-img { box-shadow: 0 18px 40px color-mix(in srgb, var(--accent) 35%, transparent); }
html[data-demo="podwave"] .vt-grid-circle h3 { font-family: 'Poppins', var(--font-heading), sans-serif; }

@media (max-width: 768px) {
	html[data-demo="podwave"] .archive-header { padding: 46px 20px 92px !important; border-radius: 0 0 26px 26px; }
	html[data-demo="podwave"] .archive-header::after { bottom: 22px; height: 34px; }
}
@media (max-width: 600px) {
	html[data-demo="podwave"] .classic-article-row { padding: 12px; }
	html[data-demo="podwave"] .classic-meta-time { flex-direction: row; align-items: center; margin-top: 0; }
	html[data-demo="podwave"] .classic-meta-time::before { width: 34px; height: 34px; font-size: 18px; }
	html[data-demo="podwave"] .classic-thumb { flex-basis: auto; }
	html[data-demo="podwave"] .classic-article-row .headline { font-size: 1.12rem; }
}