/* =============================================================
   OLD FORGE · PODCAST (podcast/index.php Listen block + journal extras)
   Page layout/typography come from pages/blog.css (same classes as the
   Journal listing); this file holds only what the Journal does not have:
   episode plates, the feed strip, static-card overrides, and the article
   Listen block. If blog.css moves, this file follows it.
   Tokens/primitives/masthead → letterpress.css
   Footer/chat/toast/motion → letterpress-shell.css
   ============================================================= */

/* === TOOLBAR: feed strip + tally (replaces search + filters) === */
.feed-strip{
  flex:1 1 280px;max-width:460px;
  display:flex;flex-direction:column;gap:.5rem;
}
.feed-strip__label{
  font-family:var(--mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;
  color:var(--ember-text);font-weight:500;
}
.feed-strip code{
  font-family:var(--mono);font-size:.82rem;
  color:var(--text);word-break:break-all;
}
.feed-strip a{color:var(--ember-text)}
.pod-tally{
  display:flex;gap:.25rem;flex-wrap:wrap;align-items:center;
  font-family:var(--mono);font-size:11px;font-weight:500;
  letter-spacing:.2em;text-transform:uppercase;
  color:var(--text-muted);
}
.pod-tally > * + *::before{content:"·";margin:0 .65rem;color:var(--paper-edge)}

/* === EPISODE PLATES (stand in for header cards) === */
.hero-epplate{
  aspect-ratio:4/3;overflow:hidden;
  background:var(--paper-warm);
  box-shadow:0 30px 60px -30px rgba(20,17,13,.4);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;
}
.hero-epplate__no{
  font-family:var(--serif);font-style:italic;
  font-variation-settings:"opsz" 144,"SOFT" 80,"wght" 340;
  font-size:clamp(3rem,2rem + 4vw,5rem);
  line-height:1;color:var(--ember);
  margin-right:.1em;
}
.hero-epplate__dur{
  font-family:var(--mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;
  color:var(--text-muted);
}
.episode-plate{
  aspect-ratio:16/10;overflow:hidden;
  background:linear-gradient(135deg,var(--paper-warm) 50%,var(--paper-deep) 50%);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;
}
.episode-plate__no{
  font-family:var(--serif);font-style:italic;
  font-variation-settings:"opsz" 144,"SOFT" 60,"wght" 400;
  font-size:2.5rem;color:var(--ember);
  margin-right:.06em;
}
.episode-plate__dur{
  font-family:var(--mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;
  color:var(--text-muted);
}

/* === STATIC CARDS (episode rows are articles, not links: the player
       inside cannot sit in an anchor, so hover motion is stilled) === */
.hero-article--static:hover{transform:none}
.hero-article--static .hero-body h2 a{color:var(--text);text-decoration:none}
.hero-article--static .hero-body h2 a:hover{color:var(--ember)}
.hero-article--static:hover .hero-body h2{color:var(--text)}
.hero-article--static audio{width:100%;display:block;margin-top:.25rem}
.hero-article--static .hero-link{white-space:nowrap}
.article-card--static .article-link{white-space:nowrap}
.article-card--static:hover{transform:none}
.article-card--static:hover::before{transform:scaleX(1)}
.article-card--static .article-title a{color:var(--text);text-decoration:none}
.article-card--static .article-title a:hover{color:var(--ember-text)}
.article-card--static:hover .article-title{color:var(--text)}
.article-card--static audio{width:100%;display:block}
.article-card--static .article-link a{color:var(--text);text-decoration:none}
.article-card--static:hover .article-link,
.article-card--static .article-link a:hover{color:var(--ember-text)}

/* === LISTEN BLOCK (article pages) === */
.listen{
  margin:clamp(1.75rem,3.5vw,2.5rem) 0;
  padding:1.5rem 1.75rem 1.25rem;
  background:var(--paper-warm);
  border-top:2px solid var(--ember);
}
.listen__kicker{
  display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;
  margin:0 0 1rem;
  font-family:var(--mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;
  color:var(--text-muted);
}
.listen__kicker .listen__label{color:var(--ember-text);font-weight:500}
.listen__kicker > * + *::before{content:"·";margin-right:.75rem;color:var(--paper-edge)}
.listen__player{width:100%;display:block}
.listen__note{
  font-family:var(--serif);font-size:.95rem;line-height:1.6;
  color:var(--text-muted);margin:.75rem 0 0;
}
.listen__note a{color:var(--ember-text)}