/* Podcast Connect pages — minimal "listening room" (variant C of the
   /prototype/podcasts pass, owner-approved 2026-07-15): whitespace separates
   sections, the only hairlines are the episode dividers, no boxed cards.
   Reuses .grid/.card, .album-header, and .tracklist__play; only the
   podcast-specific bits live here. Theme tokens only (ADR-021). */

.podcast-head {
  display: flex; justify-content: space-between; align-items: baseline;
  gap: 1rem;
}
.podcast-head h2 { flex: none; }

.podcast-add { position: relative; }
.podcast-add > summary { list-style: none; cursor: pointer; }
.podcast-add > summary::-webkit-details-marker { display: none; }
.podcast-add__panel {
  position: absolute; right: 0; top: calc(100% + 0.5rem); z-index: 20;
  display: flex; gap: 0.5rem; padding: 0.75rem; width: min(340px, 84vw);
  border: 1px solid var(--line); border-radius: var(--radius-lg);
  background: var(--bg-raised); box-shadow: 0 8px 24px var(--shadow);
}
/* .library-filter is sized for the nav (flex-basis 260px); here it fills */
.podcast-add__panel input[type="url"] { flex: 1; }

.podcast-desc { max-width: 60ch; }

.podcast-latest { list-style: none; margin: 0; padding: 0; max-width: 640px; }
.podcast-latest__row { display: flex; align-items: baseline; gap: 0.75rem; padding: 0.45rem 0; }
.podcast-latest__row .tracklist__play { align-self: center; }
.podcast-latest__title { font-weight: 600; font-size: 0.92rem; }
.podcast-latest__meta { font-size: 0.82rem; }

.podcast-episodes { list-style: none; margin: 2rem 0 0; padding: 0; }
.podcast-episode {
  display: flex; align-items: flex-start; gap: 1rem;
  padding: 1.1rem 0; border-bottom: 1px solid var(--line);
}
.podcast-episode:last-child { border-bottom: 0; }
.podcast-episode .tracklist__play { margin-top: 0.2rem; }
.podcast-episode__body { flex: 1; min-width: 0; }
.podcast-episode__title {
  margin: 0; font-size: 1rem; font-weight: 600;
  letter-spacing: 0.02em; color: var(--text);
}
.podcast-episode__meta { font-size: 0.82rem; }
.podcast-episode__notes {
  margin-top: 0.35rem; max-width: 70ch; font-size: 0.9rem;
  /* feeds ship essays; keep rows scannable */
  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;
  overflow: hidden;
}
.podcast-episode__notes p { margin: 0 0 0.4rem; }