/* Listening first; all colors and spacing use the shared HAE tokens. */
#main[data-page=podcast]{background:var(--white)}
#main[data-page=podcast] .hero-inner{grid-template-columns:minmax(0,1.35fr) minmax(0,.8fr);gap:var(--s5);align-items:center;padding-block:var(--s4)}
#main[data-page=podcast] .hero h1{font-size:calc(var(--fs-fig) * 1.5)!important;line-height:1.05!important;margin-bottom:var(--s2)}
#main[data-page=podcast] .hero-sub{font-size:calc(var(--fs-lg) * 1.2);line-height:1.25;margin-bottom:var(--s2)}
#main[data-page=podcast] .hero .lede{font-size:var(--fs-md);max-width:62ch}
#main[data-page=podcast] .photo-hero{aspect-ratio:1;max-width:360px;width:100%;justify-self:end}
#main[data-page=podcast] .photo-hero img{object-fit:contain}
#main[data-page=podcast] .section>.container{padding-block:var(--s4);border-top:0}
#main[data-page=podcast] #featured-episode>.container{border-top:1px solid var(--crimson)}
.podcast-feature{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:var(--s5);align-items:center}
#main[data-page=podcast] .podcast-feature h2{font-size:calc(var(--fs-fig) * .9)!important;line-height:1.15!important;max-width:29ch;margin-bottom:var(--s2)}
.podcast-feature p{font-size:var(--fs-md)}
.podcast-listening{background:var(--surface-sky);padding:var(--s3)}
.podcast-listening .episode-player{margin-block:var(--s3)}
.podcast-listening iframe{width:100%;border:0}
.podcast-conversations article{display:grid;grid-template-columns:130px minmax(0,1fr) auto;gap:var(--s3);align-items:start;padding-block:var(--s3);border-top:1px solid var(--line)}
.podcast-conversations h3{font-size:var(--fs-lg)!important;line-height:1.25!important;margin:0 0 var(--s1)}
.podcast-conversations p{margin:0 0 var(--s1);max-width:75ch}
.podcast-date,.podcast-guest{font-size:var(--fs-sm);color:var(--text-soft)}
.podcast-host-intro{margin-bottom:var(--s3)}
#main[data-page=podcast] .host-profiles{max-width:880px;gap:var(--s5)}
#main[data-page=podcast] .host-profile figure{max-width:220px;aspect-ratio:1}
#main[data-page=podcast] .host-profile img{width:100%;height:100%;object-fit:cover}
#main[data-page=podcast] .closing .container{padding-block:var(--s3)!important}
#main[data-page=podcast] .closing h2{font-size:calc(var(--fs-lg) * 1.3)!important;line-height:1.2!important}
@media(max-width:700px){
 #main[data-page=podcast] .hero-inner,.podcast-feature{grid-template-columns:1fr;gap:var(--s3)}
 #main[data-page=podcast] .hero h1{font-size:var(--fs-fig)!important}
 #main[data-page=podcast] .photo-hero{justify-self:start;max-width:260px}
 #main[data-page=podcast] .podcast-feature h2{font-size:calc(var(--fs-lg) * 1.3)!important}
 .podcast-conversations article{grid-template-columns:1fr;gap:var(--s1)}
 #main[data-page=podcast] .host-profiles{grid-template-columns:1fr;gap:var(--s4)}
}