.episode-shell{
  background: #050608;
  color: #f6f7fb;
  min-height: 100vh;
}
.episode-hero{
  position: relative;
  overflow: hidden;
  padding: 72px 8vw 54px;
  background:
    linear-gradient(rgba(5,6,8,0.84), rgba(5,6,8,0.84)),
    var(--hero-image, linear-gradient(135deg, #0f172a, #111827));
  background-size: cover;
  background-position:center;
}
.episode-hero::after{
  content:''; position:absolute; inset:0;
  background: radial-gradient(120% 120% at 10% 20%, rgba(244,180,26,0.12), transparent 55%),
             radial-gradient(120% 120% at 80% -10%, rgba(255,255,255,0.06), transparent 45%);
  pointer-events:none;
}
.episode-hero .hero-body{ position:relative; z-index:1; max-width: 980px; }
.episode-hero .eyebrow{
  letter-spacing:0.2em;
  text-transform:uppercase;
  font-weight:700;
  font-size:0.78rem;
  color:#c6c9d4;
  margin:0 0 6px;
  display:block;
  text-align:left;
}
.episode-hero h1{ font-family:'Playfair Display', serif; font-size: clamp(2.4rem, 4vw, 3.4rem); margin:0 0 12px; line-height:1.05; color:#f6f7fb; }
.episode-hero .meta-row{ display:flex; flex-wrap:wrap; gap:10px; align-items:center; color:#c6c9d4; }
.episode-hero .chip{ background: rgba(255,255,255,0.12); border:1px solid rgba(255,255,255,0.18); border-radius:999px; padding:6px 12px; font-weight:400; color:#f6f7fb; }
.episode-hero .chip.label-chip{ background: rgba(10,12,20,0.65); border-color: rgba(255,255,255,0.32); color:#f6f7fb; box-shadow: 0 6px 16px rgba(0,0,0,0.25); font-weight:600; }
.episode-hero .pill{ background: rgba(244,180,26,0.16); color:#f6f7fb; border:1px solid rgba(244,180,26,0.4); }
.episode-hero p.lead{ color:#d9dce6; max-width: 820px; margin:10px 0 0; font-size:1.05rem; }

.episode-content{ padding: 34px 8vw 72px; }
.episode-qa{ width:100%; max-width:100%; margin: 0 auto; }
.episode-qa h3{ margin-bottom: 0; text-align:left; }
.info-grid{ display:grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 16px; }
.info-card{ background: rgba(255,255,255,0.06); border:1px solid rgba(255,255,255,0.14); border-radius:14px; padding:18px; box-shadow:0 12px 36px rgba(0,0,0,0.28); }
.info-card h3{ margin:0 0 10px; font-size:1.05rem; color:#f6f7fb; }
.info-card p, .info-card li{ color:#d9dce6; text-align:left; }
.badge-eras{ display:flex; gap:8px; flex-wrap:wrap; }
.badge-soft{ background: rgba(255,255,255,0.1); border:1px solid rgba(255,255,255,0.2); border-radius:10px; padding:6px 10px; color:#f6f7fb; text-decoration:none; }
.badge-soft:hover{ border-color:#f4b41a; color:#f4b41a; }
.divider{ height:1px; background:rgba(255,255,255,0.14); margin:26px 0; }
.cta-row{ display:flex; flex-wrap:wrap; gap:10px; }
.btn-modern-primary{ background:#f4b41a; color:#111; border:none; border-radius:10px; padding:10px 14px; font-weight:700; text-decoration:none; }
.btn-modern-outline{ color:#f6f7fb; border:1px solid rgba(255,255,255,0.25); border-radius:10px; padding:10px 14px; text-decoration:none; }
.btn-modern-outline:hover{ border-color:#f4b41a; color:#f4b41a; }
.btn-modern-outline.black{ background:#0b0d14; color:#f6f7fb; border-color:#0b0d14; }
.btn-modern-outline.black:hover{ background:#f4b41a; color:#0b0d14; border-color:#f4b41a; }

@media(max-width: 720px){
  .episode-hero{ padding: 64px 6vw 42px; }
  .episode-content{ padding: 28px 6vw 64px; }
}

/* Site theme: Parchment (opt-in via settings) */
html[data-site-theme='parchment'] .episode-shell{
  background:#F6EED6; /* distinct from site canvas */
  color: var(--text);
}

html[data-site-theme='parchment'] .episode-hero{
  background:
    linear-gradient(rgba(253,246,227,0.56), rgba(253,246,227,0.72)),
    var(--hero-image, linear-gradient(135deg, #efeadd, #d7cfb8));
  background-size: cover;
  background-position:center;
  color: var(--text);
}

html[data-site-theme='parchment'] .episode-hero::after{
  background:
    radial-gradient(120% 120% at 10% 20%, rgba(183,149,11,0.12), transparent 55%),
    radial-gradient(120% 120% at 80% -10%, rgba(192,57,43,0.08), transparent 52%);
}

html[data-site-theme='parchment'] .episode-hero .eyebrow{
  color: rgba(45,45,45,0.82);
}

html[data-site-theme='parchment'] .episode-hero h1{
  color: var(--text);
}

html[data-site-theme='parchment'] .episode-hero .meta-row{
  color: rgba(45,45,45,0.78);
}

html[data-site-theme='parchment'] .episode-hero .chip{
  background: rgba(183,149,11,0.12);
  border-color: rgba(183,149,11,0.28);
  color: var(--text);
}

html[data-site-theme='parchment'] .episode-hero .chip.label-chip{
  background: rgba(45,45,45,0.05);
  border-color: rgba(45,45,45,0.14);
  color: var(--text);
  box-shadow: var(--shadow);
}

html[data-site-theme='parchment'] .episode-hero .pill{
  background: rgba(192,57,43,0.10);
  border-color: rgba(192,57,43,0.24);
  color: var(--text);
}

html[data-site-theme='parchment'] .episode-hero p.lead{
  color: var(--text);
  opacity: 0.90;
}

html[data-site-theme='parchment'] .info-card{
  background: var(--surface);
  border-color: var(--border);
  box-shadow: var(--shadow);
}

html[data-site-theme='parchment'] .info-card h3{
  color: var(--text);
}

html[data-site-theme='parchment'] .info-card p,
html[data-site-theme='parchment'] .info-card li{
  color: var(--muted);
}

html[data-site-theme='parchment'] .badge-soft{
  background: rgba(183,149,11,0.10);
  border-color: rgba(183,149,11,0.22);
  color: var(--text);
}

html[data-site-theme='parchment'] .badge-soft:hover{
  border-color: var(--trih-gold);
  color: var(--text);
  background: rgba(183,149,11,0.16);
}

html[data-site-theme='parchment'] .divider{
  background: rgba(215,207,184,0.95);
}

html[data-site-theme='parchment'] .btn-modern-primary{
  background: var(--trih-gold);
  color: var(--text);
}

html[data-site-theme='parchment'] .btn-modern-outline{
  color: var(--text);
  border-color: var(--border);
  background: rgba(239,234,221,0.70);
}

html[data-site-theme='parchment'] .btn-modern-outline:hover{
  border-color: var(--trih-gold);
  color: var(--text);
  background: rgba(183,149,11,0.14);
}

html[data-site-theme='parchment'] .btn-modern-outline.black{
  background: rgba(239,234,221,0.90);
  color: var(--text);
  border-color: var(--border);
}

html[data-site-theme='parchment'] .btn-modern-outline.black:hover{
  background: rgba(183,149,11,0.16);
  border-color: var(--trih-gold);
  color: var(--text);
}