/* Podcast episode cards + pagination — shared by The Context and Podcast.
   Cover artwork + title + description excerpt, in a responsive grid, paginated
   6 at a time by main.js ([data-podgrid]); the nav degrades to a plain grid
   when JS is off. */
/* Subscribe / "listen on" buttons. */
.subscribe{display:flex;flex-wrap:wrap;gap:.6rem;margin-block:1.4rem}
.subscribe__btn{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem .95rem;border:1px solid var(--line);border-radius:999px;text-decoration:none;color:var(--ink-soft);font-size:var(--step--1);font-weight:600;background:var(--surface);transition:border-color .2s,color .2s,background .2s}
.subscribe__btn:hover,.subscribe__btn:focus-visible{color:var(--ink);border-color:var(--ink-faint);background:var(--surface-2)}
.subscribe__btn svg{flex:none}

.podgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1rem,2vw,1.6rem);margin-block-start:1.6rem}
@media(max-width:1024px){.podgrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.podgrid{grid-template-columns:1fr}}
.pod-card{display:flex;flex-direction:column;text-decoration:none;color:inherit;border:1px solid var(--line);border-radius:calc(var(--radius) + 4px);overflow:hidden;background:var(--surface);transition:transform .2s,border-color .2s,box-shadow .2s}
.pod-card:hover,.pod-card:focus-visible{transform:translateY(-3px);border-color:var(--ink-faint);box-shadow:0 14px 32px -20px rgba(0,0,0,.55)}
.pod-card__cover{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--surface-2)}
.pod-card__cover img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}
.pod-card__body{padding:1rem 1.15rem 1.25rem;display:flex;flex-direction:column;gap:.5rem}
.pod-card__title{font-family:var(--font-display);font-weight:600;font-size:1.05rem;line-height:1.32;color:var(--ink);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pod-card:hover .pod-card__title,.pod-card:focus-visible .pod-card__title{color:var(--accent)}
.pod-card__desc{color:var(--ink-soft);font-size:var(--step--1);line-height:1.5;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
@media(prefers-reduced-motion:reduce){.pod-card{transition:none}.pod-card:hover,.pod-card:focus-visible{transform:none}}

.podnav{display:flex;align-items:center;justify-content:center;gap:1.2rem;margin-block-start:1.8rem}
.podnav__btn{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--ink-soft);cursor:pointer;transition:border-color .2s,color .2s,background .2s}
.podnav__btn:hover:not(:disabled),.podnav__btn:focus-visible:not(:disabled){color:var(--ink);border-color:var(--ink-faint);background:var(--surface-2)}
.podnav__btn:disabled{opacity:.4;cursor:not-allowed}
.podnav__btn[data-pod-prev] svg{transform:rotate(90deg)}
.podnav__btn[data-pod-next] svg{transform:rotate(-90deg)}
.podnav__status{color:var(--ink-soft);font-size:var(--step--1);font-variant-numeric:tabular-nums;min-width:8ch;text-align:center}