/* =============================================================================
   Podcast section for Brief (added by The Athlete Founder).
   Plain CSS, no build step. Everything is scoped under .pod so it cannot
   collide with Brief's own styles, and it only uses Brief's colour variables,
   so light/dark mode and the accent colour keep working.
   File lives outside Brief's build output (assets/built), so a Brief update
   never overwrites it.
   ========================================================================== */

.pod {
  --pod-radius: calc(var(--radius, 8px) + 4px);
  --pod-gap: 1.5rem;
  --pod-muted: var(--color-typography-tone);
  --pod-line: var(--color-border);
  /* content width matches Brief's containers; the padding sits outside it */
  max-width: calc(var(--container-width, 1080px) + 2.5rem);
  margin: 0 auto;
  padding: 0 1.25rem 4rem;
  color: var(--color-typography);
}
@media (min-width: 640px) { .pod { max-width: calc(var(--container-width, 1080px) + 3rem); padding-left: 1.5rem; padding-right: 1.5rem; } }
.pod *, .pod *::before, .pod *::after { box-sizing: border-box; }
.pod [hidden] { display: none !important; }
.pod a { text-decoration: none; }

/* ---------- Hero ---------- */
.pod-hero {
  max-width: 44rem;
  margin: 0 auto;
  padding: 3rem 0 2.5rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.25rem;
}
.pod-kicker {
  margin: 0;
  font-size: .75rem;
  font-weight: 600;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--pod-muted);
}
.pod-hero__title {
  margin: 0;
  font-size: clamp(2.1rem, 5.5vw, 3.5rem);
  line-height: 1.05;
  font-weight: 600;
  letter-spacing: -.02em;
  text-wrap: balance;
}
.pod-hero__lead {
  margin: 0;
  max-width: 36rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--pod-muted);
  text-wrap: pretty;
}
.pod-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: .625rem;
  margin-top: .5rem;
}
.pod-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: .7rem 1.5rem;
  border-radius: var(--radius-btn, 30px);
  border: 1px solid var(--color-typography);
  font-size: .875rem;
  font-weight: 600;
  line-height: 1;
  transition: opacity .15s ease, background-color .15s ease;
}
.pod-btn--solid { background: var(--color-background-reverse); color: var(--color-typography-reverse); border-color: var(--color-background-reverse); }
.pod-btn--solid:hover { opacity: .85; }
.pod-btn--outline { background: transparent; color: var(--color-typography); }
.pod-btn--outline:hover { background: var(--color-background-tone); }

/* Platform links: an ordinary bullet list of links in the Ghost "podcast" page */
.pod-listen { margin-top: 1.25rem; display: flex; flex-direction: column; align-items: center; gap: .75rem; }
.pod-listen__label {
  margin: 0;
  font-size: .75rem;
  font-weight: 600;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--pod-muted);
}
.pod-links { display: flex; flex-wrap: wrap; justify-content: center; gap: .5rem; }
.pod-links ul, .pod-links ol, .pod-links p { display: contents; margin: 0; padding: 0; }
.pod-links li { list-style: none; margin: 0; padding: 0; }
.pod-links a {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  padding: .5rem 1rem;
  border-radius: var(--radius-btn, 30px);
  border: 1px solid var(--pod-line);
  background: var(--color-background);
  color: var(--color-typography);
  font-size: .8125rem;
  font-weight: 600;
  line-height: 1;
}
.pod-links a:hover { background: var(--color-background-tone); }
.pod-links a::before {
  content: "";
  width: 1rem;
  height: 1rem;
  background: currentColor;
  -webkit-mask: var(--pod-icon, none) center / contain no-repeat;
          mask: var(--pod-icon, none) center / contain no-repeat;
}
.pod-links a:not([href*="youtube"]):not([href*="youtu.be"]):not([href*="spotify"]):not([href*="apple"]):not([href*="rss"]):not([href*="feed"])::before { display: none; }
.pod-links a[href*="youtube"], .pod-links a[href*="youtu.be"] {
  --pod-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='4'/%3E%3Cpath d='M10 9l5 3l-5 3z'/%3E%3C/svg%3E");
}
.pod-links a[href*="spotify"], .pod-links a[href*="apple"] {
  --pod-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 15v-3a8 8 0 0 1 16 0v3'/%3E%3Crect x='4' y='13' width='5' height='7' rx='2'/%3E%3Crect x='15' y='13' width='5' height='7' rx='2'/%3E%3C/svg%3E");
}
.pod-links a[href*="rss"], .pod-links a[href*="feed"] {
  --pod-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='5' cy='19' r='1'/%3E%3Cpath d='M4 4a16 16 0 0 1 16 16'/%3E%3Cpath d='M4 11a9 9 0 0 1 9 9'/%3E%3C/svg%3E");
}

/* ---------- Sections ---------- */
.pod-section { margin-top: 2.5rem; }
.pod-section__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1rem;
  padding-bottom: .75rem;
  margin-bottom: 1.25rem;
  border-bottom: 1px solid var(--pod-line);
}
.pod-section__title { margin: 0; font-size: 1.125rem; font-weight: 600; letter-spacing: -.01em; }
.pod-section__link { font-size: .8125rem; font-weight: 600; color: var(--pod-muted); }
.pod-section__link:hover { color: var(--color-brand); }
.pod-teaser { margin-top: 0; padding-bottom: 3rem; }
.pod-empty { color: var(--pod-muted); }

/* ---------- Thumbnails, badges ---------- */
.pod-thumb {
  position: relative;
  margin: 0;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: var(--pod-radius);
  background: var(--color-background-tone);
}
.pod-thumb__img, .pod-thumb picture, .pod-poster picture { display: block; width: 100%; height: 100%; }
.pod-thumb__img, .pod-poster__img { width: 100%; height: 100%; object-fit: cover; display: block; }
.pod-badge {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: grid;
  place-items: center;
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 50%;
  background: hsla(0 0% 100% / .92);
  color: hsl(0 0% 10%);
  box-shadow: 0 2px 10px rgba(0 0 0 / .25);
  transition: transform .15s ease;
}
.pod-badge--lg { width: 3.5rem; height: 3.5rem; }
.pod-badge__icon { width: 1.125rem; height: 1.125rem; display: block; }
.pod-badge--lg .pod-badge__icon { width: 1.375rem; height: 1.375rem; }
.pod-badge__icon svg, .pod-round__icon svg { width: 100%; height: 100%; }
.pod-card__link:hover .pod-badge { transform: translate(-50%, -50%) scale(1.08); }

/* ---------- Cards (grid) ---------- */
.pod-grid { display: grid; gap: var(--pod-gap); grid-template-columns: 1fr; }
@media (min-width: 640px) { .pod-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 900px) { .pod-grid { grid-template-columns: repeat(3, 1fr); } }
.pod-card__link { display: flex; flex-direction: column; gap: .875rem; color: inherit; }
.pod-card__body { display: flex; flex-direction: column; gap: .4rem; }
.pod-card__title {
  margin: 0;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -.01em;
  text-wrap: balance;
}
.pod-card__link:hover .pod-card__title, .pod-row__link:hover .pod-row__title { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 3px; }

.pod-eyebrow {
  font-size: .6875rem;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--pod-muted);
}
.pod-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .4rem;
  font-size: .8125rem;
  font-weight: 500;
  line-height: 1.2;
  color: var(--pod-muted);
}
.pod-meta__dot::before { content: "\00b7"; margin-right: .4rem; }

/* ---------- Rows (list) ---------- */
.pod-list { display: flex; flex-direction: column; }
.pod-row { border-bottom: 1px solid var(--pod-line); }
.pod-row:last-child { border-bottom: 0; }
.pod-row__link {
  display: grid;
  grid-template-columns: 7.5rem 1fr auto;
  align-items: center;
  gap: 1rem;
  padding: 1rem 0;
  color: inherit;
}
@media (min-width: 640px) {
  .pod-row__link { grid-template-columns: 11rem 1fr auto; gap: 1.5rem; padding: 1.25rem 0; }
}
.pod-thumb--row { border-radius: var(--radius, 8px); }
.pod-row__body { display: flex; flex-direction: column; gap: .45rem; min-width: 0; }
.pod-row__title { margin: 0; font-size: 1.0625rem; font-weight: 600; line-height: 1.25; text-wrap: balance; }
@media (min-width: 640px) { .pod-row__title { font-size: 1.25rem; } }
.pod-row__excerpt {
  margin: 0;
  font-size: .9375rem;
  line-height: 1.5;
  color: var(--pod-muted);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media (max-width: 639px) { .pod-row__excerpt { display: none; } }
.pod-round {
  display: grid;
  place-items: center;
  width: 2.5rem;
  height: 2.5rem;
  border: 1px solid var(--pod-line);
  border-radius: 50%;
  color: var(--color-typography);
  transition: background-color .15s ease;
}
.pod-row__link:hover .pod-round { background: var(--color-background-tone); }
.pod-round__icon { width: 1rem; height: 1rem; display: block; }
@media (max-width: 639px) { .pod-round { display: none; } .pod-row__link { grid-template-columns: 7.5rem 1fr; } }

/* ---------- Episode page ---------- */
.pod-episode { max-width: calc(var(--content-width-wide, 960px) + 2.5rem); padding-top: 1.25rem; }
@media (min-width: 640px) { .pod-episode { max-width: calc(var(--content-width-wide, 960px) + 3rem); } }
.pod-crumb { margin-bottom: 1.5rem; font-size: .8125rem; font-weight: 600; }
.pod-crumb a { color: var(--pod-muted); }
.pod-crumb a:hover { color: var(--color-brand); }
.pod-ep-head { display: flex; flex-direction: column; gap: .875rem; margin-bottom: 1.75rem; }
.pod-ep-title {
  margin: 0;
  font-size: clamp(1.75rem, 4.2vw, 2.75rem);
  line-height: 1.1;
  font-weight: 600;
  letter-spacing: -.02em;
  text-wrap: balance;
}
.pod-ep-lead { margin: 0; max-width: 42rem; font-size: 1.125rem; line-height: 1.55; color: var(--pod-muted); }
.pod-meta--lead { font-size: .875rem; }

.pod-poster {
  position: relative;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: var(--pod-radius);
  background: var(--color-background-tone);
  margin-bottom: 1.5rem;
}

.pod .pod-ep-content { max-width: none; }
/* Brief lays post content out on a 680px grid. Once podcast.js has built the
   player and tabs we want the full episode width, so drop the grid. */
.pod .pod-ep-content[data-pod-ready] { display: block; margin-bottom: 0; }
.pod .pod-ep-content > .pod-player { margin: 0 0 1.5rem; }

/* Player (built by podcast.js around the first video embed) */
.pod-player {
  position: relative;
  aspect-ratio: 16 / 9;
  margin: 0 0 1.5rem;
  overflow: hidden;
  border-radius: var(--pod-radius);
  background: #000;
}
.pod-player figure, .pod-player .kg-embed-card { margin: 0; width: 100%; height: 100%; }
.pod-player iframe {
  position: absolute;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  border: 0;
}

/* Tabs */
.pod-tablist {
  display: flex;
  gap: .25rem;
  border-bottom: 1px solid var(--pod-line);
  overflow-x: auto;
  scrollbar-width: none;
}
.pod-tablist::-webkit-scrollbar { display: none; }
.pod-tab {
  appearance: none;
  background: none;
  border: 0;
  border-bottom: 2px solid transparent;
  margin: 0 0 -1px;
  padding: .75rem 1rem;
  font: inherit;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
  color: var(--pod-muted);
  cursor: pointer;
}
.pod-tab:hover { color: var(--color-typography); }
.pod-tab[aria-selected="true"] { color: var(--color-typography); border-bottom-color: var(--color-typography); }
.pod-tab:focus-visible, .pod-chapter:focus-visible, .pod-ts:focus-visible { outline: 2px solid var(--color-brand); outline-offset: 2px; border-radius: 4px; }
.pod-tab__count { margin-left: .4rem; font-weight: 500; opacity: .7; }
.pod-panel { padding-top: 1.75rem; max-width: 44rem; }
.pod-panel > :first-child { margin-top: 0; }
.pod-panel--wide { max-width: none; }

/* Chapters */
.pod-chapters { list-style: none; margin: 0; padding: 0; max-width: 44rem; border: 1px solid var(--pod-line); border-radius: var(--pod-radius); overflow: hidden; }
.pod-chapters li { margin: 0; padding: 0; border-bottom: 1px solid var(--pod-line); }
.pod-chapters li:last-child { border-bottom: 0; }
.pod-chapter {
  appearance: none;
  display: grid;
  grid-template-columns: 4.25rem 1fr auto;
  align-items: baseline;
  gap: 1rem;
  width: 100%;
  padding: .85rem 1rem;
  border: 0;
  background: transparent;
  color: var(--color-typography);
  font: inherit;
  font-size: .9375rem;
  line-height: 1.35;
  text-align: left;
  cursor: pointer;
}
.pod-chapter:hover { background: var(--color-background-tone); }
.pod-chapter.is-active { background: var(--color-background-tone); box-shadow: inset 3px 0 0 var(--color-brand); }
.pod-chapter__time, .pod-chapter__len { font-family: var(--font-mono, monospace); font-size: .8125rem; font-variant-numeric: tabular-nums; color: var(--pod-muted); }
.pod-chapter__len { text-align: right; }
.pod-chapter-note { max-width: 44rem; margin: .75rem 0 0; font-size: .8125rem; color: var(--pod-muted); }
.pod-panel-title { margin: 0 0 1rem; font-size: .75rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--pod-muted); }

/* Transcript timestamps */
.pod-ts {
  appearance: none;
  display: inline-block;
  margin-right: .6rem;
  padding: 0;
  border: 0;
  background: none;
  font-family: var(--font-mono, monospace);
  font-size: .8125em;
  font-variant-numeric: tabular-nums;
  color: var(--color-brand);
  cursor: pointer;
}
.pod-ts:hover { text-decoration: underline; }

/* Hosts & guests */
.pod-hosts, .pod-people { display: grid; gap: 1rem; margin-bottom: 1.5rem; }
.pod-host { display: flex; gap: 1rem; align-items: flex-start; color: inherit; }
.pod-host__img { width: 3.5rem; height: 3.5rem; border-radius: 50%; object-fit: cover; display: block; }
.pod-host picture { flex: none; display: block; width: 3.5rem; height: 3.5rem; }
.pod-host__text { display: flex; flex-direction: column; gap: .15rem; }
.pod-host__name { font-weight: 600; }
.pod-host__role { font-size: .75rem; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--pod-muted); }
.pod-host__bio { font-size: .9375rem; line-height: 1.5; color: var(--pod-muted); }
.pod-host:hover .pod-host__name { color: var(--color-brand); }

/* Comments moved into their tab: drop the outer section chrome */
.pod-panel #comments, .pod-panel [data-comments] { margin: 0; padding: 0; background: none; }
.pod-panel [data-comments] > div { background: none; padding: 0; max-width: none; }
.pod-panel [data-comments] > div > div { max-width: none; }

@media (prefers-reduced-motion: reduce) {
  .pod-badge, .pod-btn, .pod-round { transition: none; }
}

/* ---------- More episodes (bottom of an episode page) ---------- */
.pod-more { margin-top: 3rem; padding-top: 0; }
.pod-meta--lead > * + *::before { content: "\00b7"; margin-right: .4rem; }

/* ---------- Small button ---------- */
.pod-btn--sm { padding: .55rem 1.1rem; font-size: .8125rem; }

/* ---------- Save for later ---------- */
.pod-save {
  appearance: none;
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  padding: 0;
  border: 0;
  background: none;
  font: inherit;
  color: var(--color-typography);
  cursor: pointer;
}
.pod-save[hidden] { display: none !important; }
.pod-save__icon { width: 1.25rem; height: 1.25rem; flex: none; }
.pod-save[aria-pressed="true"] .pod-save__icon { fill: currentColor; }
.pod-save:focus-visible { outline: 2px solid var(--color-brand); outline-offset: 2px; }
.pod-save--overlay, .pod-save--row {
  position: absolute;
  z-index: 2;
  width: 2.25rem;
  height: 2.25rem;
  justify-content: center;
  border-radius: 50%;
}
.pod-save--overlay { top: .6rem; right: .6rem; background: hsla(0 0% 0% / .55); color: #fff; -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); }
.pod-save--overlay:hover { background: hsla(0 0% 0% / .75); }
.pod-save--row { right: 0; top: 50%; transform: translateY(-50%); border: 1px solid var(--pod-line); background: var(--color-background); }
.pod-save--row:hover { background: var(--color-background-tone); }
@media (min-width: 640px) { .pod-save--row { right: 3.5rem; } }
@media (max-width: 639px) { .pod-row__body { padding-right: 2.5rem; } }
@media (min-width: 640px) { .pod-row__body { padding-right: 3.5rem; } }
.pod-card, .pod-row { position: relative; }
.pod-save--labelled {
  padding: .55rem 1.1rem .55rem .9rem;
  border: 1px solid var(--color-typography);
  border-radius: var(--radius-btn, 30px);
  font-size: .8125rem;
  font-weight: 600;
  line-height: 1;
}
.pod-save--labelled:hover { background: var(--color-background-tone); }
.pod-save--labelled .pod-save__icon { width: 1rem; height: 1rem; }
.pod-ep-actions { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: .25rem; }
.pod-libbtn__n {
  display: inline-grid;
  place-items: center;
  min-width: 1.25rem;
  height: 1.25rem;
  margin-left: .5rem;
  padding: 0 .35rem;
  border-radius: 999px;
  background: var(--color-brand);
  color: var(--color-brand-contrast, #fff);
  font-size: .6875rem;
  line-height: 1;
}
.pod-libbtn__n[hidden] { display: none; }

/* ---------- Library dialog ---------- */
.pod-lib {
  width: min(32rem, calc(100vw - 2rem));
  max-height: min(36rem, calc(100vh - 2rem));
  margin: auto;
  padding: 0;
  border: 1px solid var(--pod-line, var(--color-border));
  border-radius: calc(var(--radius, 8px) + 8px);
  background: var(--color-background);
  color: var(--color-typography);
  box-shadow: 0 20px 60px rgb(0 0 0 / .3);
  overflow: hidden;
}
.pod-lib[open] { display: flex; flex-direction: column; }
.pod-lib::backdrop { background: rgb(0 0 0 / .45); }
.pod-lib__head { display: flex; align-items: center; justify-content: space-between; padding: 1rem 1.25rem .5rem; }
.pod-lib__title { margin: 0; font-size: 1.125rem; font-weight: 600; }
.pod-lib__close { appearance: none; display: grid; place-items: center; width: 2.25rem; height: 2.25rem; border: 0; border-radius: 50%; background: none; color: inherit; cursor: pointer; }
.pod-lib__close:hover { background: var(--color-background-tone); }
.pod-lib__close svg { width: 1.125rem; height: 1.125rem; }
.pod-lib__tabs { display: flex; gap: .5rem; padding: 0 1.25rem .75rem; }
.pod-lib__tab {
  appearance: none;
  padding: .45rem .9rem;
  border: 1px solid var(--color-border);
  border-radius: 999px;
  background: none;
  font: inherit;
  font-size: .8125rem;
  font-weight: 600;
  color: var(--color-typography-tone);
  cursor: pointer;
}
.pod-lib__tab[aria-pressed="true"] { background: var(--color-background-reverse); border-color: var(--color-background-reverse); color: var(--color-typography-reverse); }
.pod-lib__n { margin-left: .25rem; opacity: .7; font-weight: 500; }
.pod-lib__list { list-style: none; margin: 0; padding: 0 1.25rem; overflow-y: auto; flex: 1; }
.pod-lib__item { display: grid; grid-template-columns: 6rem 1fr auto; gap: .875rem; align-items: center; padding: .75rem 0; border-top: 1px solid var(--color-border); }
.pod-lib__thumb { position: relative; aspect-ratio: 16 / 9; overflow: hidden; border-radius: var(--radius, 8px); background: var(--color-background-tone); }
.pod-lib__thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.pod-lib__bar { position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: rgb(0 0 0 / .35); }
.pod-lib__bar > span { display: block; height: 100%; background: var(--color-brand); }
.pod-lib__info { min-width: 0; display: flex; flex-direction: column; gap: .2rem; }
.pod-lib__link { font-size: .9375rem; font-weight: 600; line-height: 1.25; color: inherit; text-decoration: none; }
.pod-lib__link:hover { text-decoration: underline; }
.pod-lib__sub { font-size: .75rem; color: var(--color-typography-tone); }
.pod-lib__actions { display: flex; gap: .25rem; align-items: center; }
.pod-lib__go { font-size: .75rem; font-weight: 600; padding: .4rem .8rem; border-radius: 999px; border: 1px solid var(--color-border); color: inherit; text-decoration: none; }
.pod-lib__go:hover { background: var(--color-background-tone); }
.pod-lib__rm { appearance: none; display: grid; place-items: center; width: 1.75rem; height: 1.75rem; border: 0; border-radius: 50%; background: none; color: var(--color-typography-tone); cursor: pointer; }
.pod-lib__rm:hover { background: var(--color-background-tone); color: var(--color-typography); }
.pod-lib__rm svg { width: .875rem; height: .875rem; }
.pod-lib__empty { padding: 1.5rem 0 2rem; font-size: .9375rem; color: var(--color-typography-tone); border-top: 1px solid var(--color-border); }
.pod-lib__note { margin: 0; padding: .75rem 1.25rem; border-top: 1px solid var(--color-border); font-size: .75rem; color: var(--color-typography-tone); }
@media (max-width: 479px) { .pod-lib__item { grid-template-columns: 5rem 1fr; } .pod-lib__actions { grid-column: 2; } }

/* ---------- Hosts, guests ---------- */
.pod-people { display: grid; gap: 2rem; grid-template-columns: 1fr; }
@media (min-width: 768px) { .pod-people { grid-template-columns: repeat(2, 1fr); } }
.pod-person { display: flex; gap: 1.25rem; align-items: flex-start; }
.pod-person__img { flex: none; width: 6.5rem; aspect-ratio: 1; border-radius: var(--pod-radius); overflow: hidden; background: var(--color-background-tone); }
@media (min-width: 640px) { .pod-person__img { width: 8rem; } }
.pod-person__img picture, .pod-person__photo { display: block; width: 100%; height: 100%; object-fit: cover; }
.pod-person__body { display: flex; flex-direction: column; gap: .35rem; min-width: 0; }
.pod-person__name { margin: 0; font-size: 1.375rem; font-weight: 600; line-height: 1.15; letter-spacing: -.01em; }
.pod-person__name a { color: inherit; }
.pod-person__name a:hover { color: var(--color-brand); }
.pod-person__bio { margin: .25rem 0 0; font-size: .9375rem; line-height: 1.5; color: var(--pod-muted); display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }

.pod-guests { display: grid; gap: 1.5rem 1rem; grid-template-columns: repeat(2, 1fr); }
@media (min-width: 640px) { .pod-guests { grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 900px) { .pod-guests { grid-template-columns: repeat(6, 1fr); } }
.pod-guests--all { grid-template-columns: repeat(2, 1fr); }
@media (min-width: 640px) { .pod-guests--all { grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 900px) { .pod-guests--all { grid-template-columns: repeat(4, 1fr); } }
.pod-guest { display: flex; flex-direction: column; align-items: center; gap: .35rem; text-align: center; color: inherit; }
.pod-guest__avatar { display: grid; place-items: center; width: 6rem; height: 6rem; border-radius: 50%; overflow: hidden; background: var(--color-background-tone); color: var(--pod-muted); margin-bottom: .35rem; }
.pod-guest__avatar picture, .pod-guest__photo { display: block; width: 100%; height: 100%; object-fit: cover; }
.pod-guest__placeholder { width: 2.5rem; height: 2.5rem; display: block; }
.pod-guest__placeholder svg { width: 100%; height: 100%; }
.pod-guest__name { font-size: 1rem; font-weight: 600; line-height: 1.2; }
.pod-guest:hover .pod-guest__name { color: var(--color-brand); }
.pod-guest__desc { font-size: .75rem; line-height: 1.4; color: var(--pod-muted); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.pod-hero--compact { padding-bottom: 1.5rem; }

/* ---------- About ---------- */
.pod-about { display: grid; gap: 2rem; align-items: center; padding-top: 2.5rem; border-top: 1px solid var(--pod-line); }
@media (min-width: 768px) { .pod-about { grid-template-columns: 1fr 1fr; gap: 3rem; } }
.pod-about__text { display: flex; flex-direction: column; align-items: flex-start; gap: .875rem; }
.pod-about__title { margin: 0; font-size: clamp(1.75rem, 3.6vw, 2.5rem); line-height: 1.1; font-weight: 600; letter-spacing: -.02em; text-wrap: balance; }
.pod-about__lead { margin: 0; font-size: 1.0625rem; line-height: 1.6; color: var(--pod-muted); }
.pod-about__media { margin: 0; aspect-ratio: 4 / 3; overflow: hidden; border-radius: var(--pod-radius); background: var(--color-background-tone); }
.pod-about__media picture, .pod-about__img { display: block; width: 100%; height: 100%; object-fit: cover; }

/* ---------- Support tiers ---------- */
.pod-support { display: grid; gap: 1.75rem; padding: 2rem; border-radius: calc(var(--radius, 8px) + 12px); background: var(--color-background-tone); border: 1px solid var(--pod-line); }
@media (min-width: 768px) { .pod-support { grid-template-columns: 1fr 1fr; align-items: center; gap: 3rem; padding: 3rem; } }
.pod-support__intro { display: flex; flex-direction: column; gap: .75rem; }
.pod-support__title { margin: 0; font-size: clamp(1.6rem, 3.2vw, 2.25rem); line-height: 1.1; font-weight: 600; letter-spacing: -.02em; }
.pod-support__lead { margin: 0; color: var(--pod-muted); line-height: 1.55; }
.pod-tiers { display: flex; flex-direction: column; gap: .75rem; }
.pod-tier { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1.1rem 1.25rem; border-radius: calc(var(--radius, 8px) + 4px); background: var(--color-background); border: 1px solid var(--pod-line); color: inherit; transition: border-color .15s ease, transform .15s ease; }
.pod-tier:hover { border-color: var(--color-brand); transform: translateY(-1px); }
.pod-tier__main { display: flex; flex-direction: column; gap: .2rem; min-width: 0; }
.pod-tier__name { font-size: 1.125rem; font-weight: 600; line-height: 1.2; }
.pod-tier__desc { font-size: .8125rem; color: var(--pod-muted); }
.pod-tier__price { flex: none; font-size: .9375rem; font-weight: 700; }

/* ---------- Newsletter strip ---------- */
.pod-news { text-align: center; padding-top: 1rem; }
.pod-news__title { margin: 0; font-size: 1.5rem; font-weight: 600; letter-spacing: -.01em; }
.pod-news__lead { margin: .5rem 0 0; color: var(--pod-muted); }
.pod-form { max-width: 28rem; margin: 1.25rem auto 0; }
.pod-form__row { display: flex; flex-direction: column; gap: .625rem; }
@media (min-width: 480px) { .pod-form__row { flex-direction: row; } }
.pod-form__input {
  flex: 1;
  min-width: 0;
  padding: .75rem 1.1rem;
  border: 1px solid var(--pod-line);
  border-radius: var(--radius-btn, 30px);
  background: var(--color-background);
  color: var(--color-typography);
  font: inherit;
  font-size: .9375rem;
}
.pod-form__input:focus-visible { outline: 2px solid var(--color-brand); outline-offset: 1px; }
.pod-form .pod-btn { cursor: pointer; }
.pod-form__busy { display: none; }
.pod-form.loading .pod-form__idle { display: none; }
.pod-form.loading .pod-form__busy { display: inline; }
.pod-form__msg { display: none; margin: .75rem 0 0; font-size: .875rem; font-weight: 600; }
.pod-form.success .pod-form__msg--ok, .pod-form.error .pod-form__msg--err { display: block; }
.pod-form__msg--err { color: var(--color-error, #fc365e); }

/* ---------- Resume chip, sticky mini-player ---------- */
.pod-resume { margin: -.75rem 0 1.25rem; }
.pod-resume[hidden] { display: none; }
.pod-resume__btn { appearance: none; display: inline-flex; align-items: center; gap: .5rem; padding: .5rem 1rem; border: 1px solid var(--color-border); border-radius: 999px; background: var(--color-background-tone); font: inherit; font-size: .8125rem; font-weight: 600; color: var(--color-typography); cursor: pointer; }
.pod-resume__btn:hover { background: var(--color-background); }
.pod-resume__btn svg { width: .875rem; height: .875rem; }

.pod-player-slot { position: relative; aspect-ratio: 16 / 9; margin: 0 0 1.5rem; }
.pod-player-slot > .pod-player { position: absolute; inset: 0; margin: 0; aspect-ratio: auto; }
.pod .pod-ep-content > .pod-player-slot { margin: 0 0 1.5rem; }
.pod-player.is-docked {
  position: fixed;
  inset: auto 1rem 1rem auto;
  width: min(22rem, calc(100vw - 2rem));
  height: auto;
  aspect-ratio: 16 / 9;
  z-index: 60;
  box-shadow: 0 12px 40px rgb(0 0 0 / .4);
  border: 1px solid rgb(255 255 255 / .12);
}
.pod-dock-bar { display: none; position: absolute; top: .4rem; right: .4rem; gap: .3rem; z-index: 2; }
.pod-player.is-docked .pod-dock-bar { display: flex; }
.pod-dock-bar button { appearance: none; display: grid; place-items: center; width: 1.75rem; height: 1.75rem; border: 0; border-radius: 50%; background: rgb(0 0 0 / .65); color: #fff; cursor: pointer; }
.pod-dock-bar button:hover { background: rgb(0 0 0 / .85); }
.pod-dock-bar svg { width: .9rem; height: .9rem; }
.pod-dock-bar button:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
@media (max-width: 639px) { .pod-player.is-docked { inset: auto .5rem .5rem .5rem; width: auto; } }