/* Hubpile full-bleed, square podcast cover art v30.0.1
   Spotify-style artwork fills its frame at every breakpoint; never stretch. */
.hp26-page .hp26-hero-grid{
  grid-template-columns:minmax(230px,320px) minmax(0,1fr);
  align-items:center;gap:clamp(25px,4vw,60px);
}
.hp26-page .hp26-art{
  width:100%;max-width:320px;height:auto;aspect-ratio:1 / 1;
  min-width:0;position:relative;overflow:hidden;padding:0!important;
  background:#0d2744;border-radius:20px;transform:none;
  box-shadow:0 24px 60px rgba(0,0,0,.30);
}
.hp26-page .hp26-art > img{
  display:block!important;position:absolute;inset:0;
  width:100%!important;height:100%!important;
  max-width:none!important;max-height:none!important;
  min-width:100%;min-height:100%;object-fit:cover!important;
  object-position:center!important;margin:0!important;padding:0!important;
  border:0!important;border-radius:0!important;
}
/* Main directory: show art occupies the complete square tile. */
.hp26-page .hp26-show-card{min-width:0;overflow:hidden}
.hp26-page .hp26-show-card > img{
  display:block;width:100%!important;height:auto!important;
  aspect-ratio:1 / 1!important;object-fit:cover!important;
  object-position:center;border-radius:12px;
}
/* Individual episode cards and recommendations use exact square crops. */
.hp26-page .hp26-episode > a:first-child{
  display:block;width:100%;aspect-ratio:1 / 1;
  min-width:0;overflow:hidden;border-radius:11px;
}
.hp26-page .hp26-episode > a:first-child > img{
  display:block;width:100%!important;height:100%!important;
  aspect-ratio:1 / 1!important;object-fit:cover!important;
  object-position:center;border-radius:inherit;
}
.hp26-page .hp26-player-main > img{
  flex:none;display:block;width:90px!important;height:90px!important;
  aspect-ratio:1 / 1;object-fit:cover!important;
  object-position:center;border-radius:13px;
}
@media(max-width:900px){
 .hp26-page .hp26-hero-grid{grid-template-columns:minmax(190px,245px) minmax(0,1fr);gap:24px}
 .hp26-page .hp26-art{max-width:245px}
}
@media(max-width:620px){
 .hp26-page .hp26-hero-grid{grid-template-columns:minmax(0,1fr);gap:23px}
 .hp26-page .hp26-art{
   width:min(100%,300px)!important;max-width:300px!important;
   margin:0 auto 5px;aspect-ratio:1 / 1;
 }
 .hp26-page .hp26-player-main > img{width:72px!important;height:72px!important}
 .hp26-page .hp26-episode > a:first-child{width:100%;height:auto}
}
@media(max-width:390px){.hp26-page .hp26-art{width:min(100%,265px)!important}}