/* Podcast (Knobs) — episode cards (archive, on top of blog.css) + single-episode hero/buttons. */

/* ---- episode card play badge + tag (cards reuse .post-card / .post-media) ---- */
.ep-media{position:relative;}
.ep-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:58px;height:58px;border-radius:50%;background:var(--brand);display:flex;align-items:center;justify-content:center;box-shadow:0 6px 22px rgba(10,10,11,0.35);transition:transform var(--dur-base) var(--ease-out),background var(--dur-fast) var(--ease-out);z-index:1;}
.ep-play > span{display:block;width:0;height:0;border-top:11px solid transparent;border-bottom:11px solid transparent;border-left:18px solid #fff;margin-left:5px;}
.post-card:hover .ep-play,.related-card:hover .ep-play{transform:translate(-50%,-50%) scale(1.08);background:var(--red-500);}
.ep-tag{position:absolute;left:14px;bottom:12px;font-family:var(--font-mono);font-size:11px;letter-spacing:0.1em;text-transform:uppercase;color:#fff;background:rgba(10,10,11,0.62);padding:5px 9px;border-radius:var(--radius-xs);z-index:1;}

/* ---- single episode hero (ink) ---- */
.ep-hero{background:var(--ink-950);color:#fff;padding-top:var(--space-8);padding-bottom:var(--space-8);}
.ep-h1{font-family:var(--font-display);font-weight:var(--fw-xbold);font-size:clamp(2.1rem,4.8vw,3.4rem);line-height:1.04;letter-spacing:var(--ls-mega);color:#fff;margin:18px 0 0;text-wrap:balance;max-width:24ch;}
.ep-meta{margin-top:18px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-family:var(--font-mono);font-size:13px;color:var(--ink-300);letter-spacing:0.02em;}
.ep-meta-tag{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:11px;letter-spacing:0.1em;text-transform:uppercase;color:var(--red-400);border:1px solid var(--ink-700);border-radius:var(--radius-xs);padding:4px 9px;}
.ep-meta-dot{color:var(--ink-600);}

.ep-frame{position:relative;margin-top:30px;border:2px solid var(--ink-700);border-radius:var(--radius-md);overflow:hidden;background:var(--ink-900);aspect-ratio:16/9;}
.ep-frame iframe,.ep-frame img{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;object-fit:cover;}
.ep-frame-fallback{position:absolute;inset:0;background:var(--brand);display:flex;align-items:center;justify-content:center;}

/* platform buttons (on the ink hero) */
.ep-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px;}
.ep-btn{display:inline-flex;align-items:center;gap:9px;font-family:var(--font-display);font-weight:var(--fw-bold);font-size:13px;letter-spacing:0.04em;text-transform:uppercase;color:#fff;background:transparent;border:2px solid var(--ink-700);border-radius:var(--radius-sm);padding:12px 18px;transition:border-color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out);}
.ep-btn:hover{border-color:#fff;background:rgba(255,255,255,0.06);}

/* show notes — give the editor body breathing room under the hero */
.ep-notes{padding-top:var(--space-8);}

/* CTA-strip helpers (blog.css has these, but on single episodes only post.css is loaded) */
.cta-bars{width:96px;flex-shrink:0;opacity:0.85;}
.cta-copy{flex:1;}

@media (max-width:760px){
  .ep-play{width:48px;height:48px;}
  .ep-play > span{border-top-width:9px;border-bottom-width:9px;border-left-width:15px;}
}