
.tramx-podcast-card,
.tramx-podcast-subscribe,
.tramx-podcast-archive,
.tramx-podcast-empty{
  box-sizing:border-box;
  width:min(100%,1180px);
  max-width:1180px;
  margin:0 auto 28px;
}
.tramx-podcast-card{
  display:grid;
  grid-template-columns:minmax(220px,340px) minmax(0,1fr);
  gap:28px;
  padding:28px;
  border:1px solid #e5e7eb;
  border-radius:28px;
  background:#fff;
  box-shadow:0 18px 50px rgba(15,23,42,.08);
}
.tramx-podcast-card--featured{
  background:linear-gradient(145deg,#111827 0%,#1f2937 58%,#3f0d1a 100%);
  color:#fff;
  border-color:transparent;
}
.tramx-podcast-card__cover img{
  display:block;
  width:100%;
  aspect-ratio:1;
  object-fit:cover;
  border-radius:22px;
}
.tramx-podcast-card__body{min-width:0}
.tramx-podcast-card h2,
.tramx-podcast-card h3{
  margin:.25rem 0 .8rem;
  line-height:1.08;
  overflow-wrap:anywhere;
}
.tramx-podcast-card h2{font-size:clamp(1.8rem,4vw,3.2rem)}
.tramx-podcast-card h3{font-size:clamp(1.25rem,2vw,1.65rem)}
.tramx-podcast-card p{line-height:1.65}
.tramx-podcast-card--featured p,
.tramx-podcast-card--featured .tramx-podcast-eyebrow,
.tramx-podcast-card--featured .tramx-podcast-guests{color:#e5e7eb}
.tramx-podcast-eyebrow{
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#e3001b;
}
.tramx-podcast-guests{font-weight:700;color:#374151}
.tramx-podcast-card audio{
  display:block;
  width:100%;
  max-width:720px;
  margin:18px 0 8px;
}
.tramx-podcast-card details{margin-top:16px}
.tramx-podcast-card summary{cursor:pointer;font-weight:800}
.tramx-podcast-shownotes{margin-top:14px}
.tramx-podcast-card--featured a{color:#fff}

.tramx-podcast-archive{
  padding:clamp(8px,2vw,18px) 0;
}
.tramx-podcast-head{max-width:760px;margin:0 0 24px}
.tramx-podcast-head>span,
.tramx-podcast-subscribe>div:first-child>span{
  color:#e3001b;
  font-size:.8rem;
  font-weight:900;
  letter-spacing:.1em;
}
.tramx-podcast-head h2,
.tramx-podcast-subscribe h2{margin:.35rem 0 .6rem;font-size:clamp(1.8rem,3vw,2.7rem)}
.tramx-podcast-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px;
}
.tramx-podcast-list .tramx-podcast-card{
  display:block;
  margin:0;
  padding:20px;
}
.tramx-podcast-list .tramx-podcast-card__cover{
  width:150px;
  float:left;
  margin:0 18px 12px 0;
}
.tramx-podcast-list .tramx-podcast-card__body::after{content:"";display:block;clear:both}

.tramx-podcast-subscribe{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  padding:28px;
  background:#f8fafc;
  border:1px solid #e2e8f0;
  border-radius:28px;
}
.tramx-podcast-subscribe>div:first-child{max-width:680px}
.tramx-podcast-subscribe__buttons{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:10px;
}
.tramx-podcast-platform{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:0 18px;
  border-radius:999px;
  background:#111827;
  color:#fff!important;
  font-weight:800;
  text-decoration:none!important;
}
.tramx-podcast-platform--rss{background:#e3001b}
.tramx-podcast-empty{
  padding:30px;
  border-radius:24px;
  background:#f8fafc;
  border:1px dashed #cbd5e1;
}

@media (max-width:820px){
  .tramx-podcast-card,
  .tramx-podcast-subscribe,
  .tramx-podcast-archive,
  .tramx-podcast-empty{
    width:calc(100% - 12px);
    max-width:none;
    margin-left:auto;
    margin-right:auto;
  }
  .tramx-podcast-card{
    grid-template-columns:1fr;
    gap:18px;
    padding:16px;
    border-radius:20px;
  }
  .tramx-podcast-card__cover{max-width:360px}
  .tramx-podcast-list{grid-template-columns:1fr}
  .tramx-podcast-list .tramx-podcast-card{padding:16px}
  .tramx-podcast-list .tramx-podcast-card__cover{
    width:112px;
    margin:0 14px 10px 0;
  }
  .tramx-podcast-subscribe{
    align-items:flex-start;
    flex-direction:column;
    padding:18px;
    border-radius:20px;
  }
  .tramx-podcast-subscribe__buttons{justify-content:flex-start}
}
@media (max-width:430px){
  .tramx-podcast-card,
  .tramx-podcast-subscribe,
  .tramx-podcast-archive,
  .tramx-podcast-empty{width:calc(100% - 8px)}
  .tramx-podcast-list .tramx-podcast-card__cover{
    float:none;
    width:100%;
    max-width:220px;
    margin:0 0 14px;
  }
  .tramx-podcast-platform{width:100%}
  .tramx-podcast-subscribe__buttons{width:100%}
}


/* TramX Community 1.31.0 – Podcast promotion inside automatically generated blog posts */
.tramx-podcast-blog-promo{
  margin:32px 0!important;
  display:grid!important;
  grid-template-columns:minmax(220px,340px) minmax(0,1fr)!important;
  overflow:hidden!important;
  border:1px solid rgba(15,23,42,.08)!important;
  border-radius:28px!important;
  background:
    radial-gradient(circle at 105% 115%,rgba(227,6,19,.12),transparent 34%),
    #0d1728!important;
  color:#fff!important;
  box-shadow:0 26px 70px rgba(15,23,42,.18)!important;
}
.tramx-podcast-blog-promo__cover{
  min-height:100%!important;
  background:#111827!important;
}
.tramx-podcast-blog-promo__cover img{
  width:100%!important;
  height:100%!important;
  min-height:360px!important;
  display:block!important;
  object-fit:cover!important;
  border-radius:0!important;
}
.tramx-podcast-blog-promo__body{
  min-width:0!important;
  padding:clamp(24px,4vw,42px)!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
}
.tramx-podcast-blog-promo__eyebrow{
  display:inline-flex!important;
  min-height:28px!important;
  align-items:center!important;
  margin-bottom:10px!important;
  padding:5px 9px!important;
  border-radius:999px!important;
  background:#e30613!important;
  color:#fff!important;
  font-size:10px!important;
  font-weight:950!important;
  letter-spacing:.1em!important;
}
.tramx-podcast-blog-promo__meta{
  color:#aab6c5!important;
  font-size:11px!important;
  font-weight:750!important;
}
.tramx-podcast-blog-promo h2{
  margin:8px 0 12px!important;
  color:#fff!important;
  font-size:clamp(30px,4vw,48px)!important;
  line-height:1.02!important;
  letter-spacing:-.045em!important;
}
.tramx-podcast-blog-promo__guests{
  margin:0 0 8px!important;
  color:#f8fafc!important;
  font-size:13px!important;
  font-weight:800!important;
}
.tramx-podcast-blog-promo__summary{
  margin:0!important;
  color:#cbd5e1!important;
  font-size:15px!important;
  line-height:1.7!important;
}
.tramx-podcast-blog-promo audio{
  width:100%!important;
  margin-top:20px!important;
}
.tramx-podcast-blog-promo__actions{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  margin-top:20px!important;
}
.tramx-podcast-blog-promo__actions a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:40px!important;
  padding:9px 13px!important;
  border:1px solid rgba(255,255,255,.16)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.08)!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:850!important;
  text-decoration:none!important;
}
.tramx-podcast-blog-promo__actions a:first-child{
  border-color:#fff!important;
  background:#fff!important;
  color:#111827!important;
}
.tramx-podcast-blog-promo__actions a:hover{
  transform:translateY(-1px)!important;
}
@media(max-width:760px){
  .tramx-podcast-blog-promo{
    grid-template-columns:1fr!important;
    border-radius:20px!important;
  }
  .tramx-podcast-blog-promo__cover img{
    min-height:0!important;
    aspect-ratio:16/10!important;
  }
  .tramx-podcast-blog-promo__body{padding:22px 18px!important}
}
@media(prefers-reduced-motion:reduce){
  .tramx-podcast-blog-promo__actions a{transform:none!important}
}
