.podcast-hero{display:grid;grid-template-columns:minmax(0,.95fr) minmax(280px,1.25fr);align-items:center;gap:var(--space-6)}.podcast-hero>div:first-child{display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:var(--space-3)}.podcast-hero__eyebrow{margin:0;font-size:var(--type-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.04em;color:var(--color-accent)}.podcast-hero__title{margin:0;min-width:0;font-size:var(--type-xl);font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:0;overflow-wrap:break-word;width:100%}.podcast-hero__date{margin:0;font-size:var(--type-sm);color:var(--color-ink-muted)}.podcast-hero__player{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;border-radius:8px;background-color:var(--color-surface-2, var(--color-surface))}.podcast-hero__player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.podcast-hero__player--audio{aspect-ratio:auto;background-color:transparent;border-radius:0}.podcast-hero__audio{width:100%}.podcast-hero__empty{padding:var(--space-8) var(--space-4);text-align:center;color:var(--color-ink-muted);background-color:var(--color-surface-2, var(--color-surface));border-radius:8px}.podcast-hero .podcast-media--hero{grid-column:1 / -1}@media(max-width:760px){.podcast-hero{grid-template-columns:1fr;gap:var(--space-4)}.podcast-hero__title{font-size:var(--type-lg)}}.podcast__play-pause-btn{display:inline-flex;align-items:center;gap:.25rem;padding:.5rem 1rem;border:1px solid var(--color-cream-20);border-radius:4px;background:var(--color-bg-highlight);color:var(--color-ink);font:inherit;cursor:pointer}.podcast__play-pause-btn:hover{background:var(--color-bg-highlight-dark)}.podcast__play-pause-label{font-weight:500}.bookmark-btn{display:inline-flex;align-items:center;justify-content:center;padding:4px;border:none;border-radius:var(--radius-sm);background:transparent;cursor:pointer;color:var(--color-ink-faint);transition:color .15s,background-color .15s;line-height:0}.bookmark-btn:hover{color:var(--color-accent);background:var(--color-surface-2)}.bookmark-btn--active{color:var(--color-accent)}.bookmark-btn--active:hover{color:var(--color-accent);background:var(--color-accent-soft)}.bookmark-btn svg{transition:transform .15s}.bookmark-btn:active svg{transform:scale(.85)}
