
:root {
    --dp-primary: #a03924;
    --dp-bg: #efefef;
    --dp-maroon: #751c16;
    --dp-dark: #222222;
    --dp-gray: #4a4a4a;
}

.dp-container{ max-width: 1120px; margin: 0 auto; padding: 0 18px; }
.dp-page--podcast {
    padding-top: 4rem;
    padding-bottom: 4.5rem;
    background:
        radial-gradient(circle at top left, rgba(160, 57, 36, 0.12), transparent 60%),
        radial-gradient(circle at bottom right, rgba(117, 28, 22, 0.08), transparent 60%),
        var(--dp-bg);
}
.dp-page-header--podcast {
    position: relative;
    overflow: hidden;
    margin-bottom: 3rem;
    border-radius: 26px;
    padding: 2.75rem clamp(1.6rem, 3vw, 2.4rem);
    background:
        radial-gradient(circle at top left, rgba(160, 57, 36, 0.6), transparent 58%),
        radial-gradient(circle at bottom right, rgba(117, 28, 22, 0.55), transparent 55%),
        linear-gradient(135deg, #000000, #111111 40%, #191919);
    border: 1px solid rgba(74, 74, 74, 0.7);
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.8), 0 0 0 1px rgba(0, 0, 0, 0.75) inset;
    color: #f5f5f5;
}
.dp-page-header--podcast .dp-hero-media{ position:absolute; inset:0; z-index:0; pointer-events:none; opacity:.18; }
.dp-page-header--podcast .dp-hero-media img{ width:100%; height:100%; object-fit:cover; display:block; }
.dp-page-header--podcast > * { position:relative; z-index:1; }
.dp-hero-inner{ display:grid; grid-template-columns:1fr; gap:18px; }
@media (min-width:980px){ .dp-hero-inner{ grid-template-columns:1.25fr .75fr; } }
.dp-hero-side{ display:none; }
@media (min-width:980px){ .dp-hero-side{ display:block; } }
.dp-hero-side .dp-hero-frame{ border-radius:22px; overflow:hidden; border:1px solid rgba(255,255,255,.14); box-shadow:0 22px 60px rgba(0,0,0,.55); }
.dp-hero-side .dp-hero-frame img{ width:100%; height:200px; object-fit:cover; display:block; }
.dp-hero-side .dp-hero-caption{ margin-top:10px; font-size:12px; color:rgba(255,255,255,.72); font-weight:700; }
.dp-page-header__eyebrow-row{ display:flex; flex-wrap:wrap; gap:.75rem; margin-bottom:.75rem; }
.dp-eyebrow{ margin:0; font-size:.82rem; letter-spacing:.16em; text-transform:uppercase; color:#ffd7cc; opacity:.95; }
.dp-pill{ display:inline-flex; align-items:center; padding:.25rem .8rem; border-radius:999px; font-size:.75rem; text-transform:uppercase; letter-spacing:.14em; }
.dp-pill--accent{ background:rgba(0,0,0,.72); border:1px solid rgba(160,57,36,.8); color:#ffe9e1; }
.dp-page-title{ margin:0 0 .75rem; font-size:clamp(2.15rem,3.2vw,2.8rem); line-height:1.15; letter-spacing:-.03em; color:#fff; }
.dp-page-intro{ max-width:44rem; font-size:.98rem; line-height:1.7; color:#f3e6e3; margin-bottom:1.7rem; }
.dp-page-header__cta-row,.dp-search-bar{ display:flex; flex-wrap:wrap; gap:.9rem; align-items:center; margin-bottom:1.15rem; }
.dp-search-bar input,.dp-filter-select{ min-height:48px; border-radius:999px; padding:0 1rem; border:1px solid rgba(148,148,148,.65); background:rgba(255,255,255,.96); color:#111; }
.dp-search-bar input{ flex:1 1 320px; }
.dp-filter-select{ min-width:150px; }
.dp-button{ display:inline-flex; align-items:center; justify-content:center; border-radius:999px; padding:.6rem 1.25rem; font-size:.92rem; cursor:pointer; text-decoration:none; }
.dp-button--primary{ background:linear-gradient(135deg,#751c16,#a03924); border:none; color:#fff; font-weight:600; box-shadow:0 18px 40px rgba(160,57,36,.55); }
.dp-button--ghost{ background:transparent; border:1px solid rgba(148,148,148,.85); color:#f5f5f5; }
.dp-page-header__meta{ display:flex; flex-wrap:wrap; gap:.4rem; align-items:center; font-size:.84rem; color:#d4d4d4; }
.dp-header-meta-sep{ opacity:.65; }
.dp-article-list--podcast{ display:flex; flex-direction:column; gap:1.15rem; margin-top:2.5rem; }
.dp-article-row--podcast{
    display:grid; grid-template-columns:110px minmax(0,180px) minmax(0,1fr); gap:1.2rem; padding:1.25rem 1.4rem;
    border-radius:18px; background:#111; border:1px solid rgba(90,90,90,.7); box-shadow:0 18px 45px rgba(0,0,0,.65); color:#f5f5f5;
}
.dp-article-row__link{ display:contents; text-decoration:none; color:inherit; }
.dp-episode-art{ border-radius:14px; overflow:hidden; border:1px solid rgba(255,255,255,.12); box-shadow:0 16px 40px rgba(0,0,0,.45); }
.dp-episode-art img{ width:100%; height:100px; object-fit:cover; display:block; }
.dp-article-row__meta{ font-size:.85rem; color:#d4d4d4; display:flex; flex-direction:column; gap:.35rem; padding-top:.2rem; }
.dp-article-row__meta-item--date{ font-weight:500; color:#f3f3f3; margin:0; }
.dp-article-row__meta-item--duration{ font-size:.8rem; text-transform:uppercase; letter-spacing:.08em; padding:.15rem .5rem; border-radius:999px; background:rgba(160,57,36,.16); color:#ffd7cc; width:fit-content; margin:0; }
.dp-article-row__content{ display:flex; flex-direction:column; gap:.6rem; }
.dp-article-row__title{ font-size:1.15rem; line-height:1.35; margin:0; color:#f5f5f5; }
.dp-item-topic{ color:#ffbfab; font-weight:600; font-size:.92rem; }
.dp-article-row__excerpt{ font-size:.95rem; line-height:1.6; color:#f0e2df; }
.dp-article-row__actions{ margin-top:.35rem; font-size:.9rem; display:flex; gap:.9rem; flex-wrap:wrap; }
.dp-link-more,.dp-link-source{ color:#ff8560; }
.dp-empty-state{ margin-top:3rem; padding:2rem; border-radius:18px; background:#fff; border:1px dashed rgba(160,57,36,.35); text-align:center; }
.dp-empty-state h2{ margin-bottom:.5rem; color:var(--dp-primary); }
.dp-detail-layout{ display:grid; grid-template-columns:minmax(0,2fr) minmax(300px,1fr); gap:1.4rem; }
.dp-content-card{ padding:1.4rem 1.45rem; border-radius:18px; background:#fff; border:1px solid rgba(90,90,90,.12); box-shadow:0 18px 45px rgba(0,0,0,.08); margin-bottom:1.15rem; }
.dp-content-card h2{ margin:0 0 .9rem; color:#751c16; }
.dp-content-card p,.dp-content-card li{ color:#2f2f2f; line-height:1.7; }
.dp-list,.dp-meta-list{ margin:0; padding-left:1.2rem; }
.dp-chip-row{ display:flex; gap:.55rem; flex-wrap:wrap; }
.dp-chip{ display:inline-flex; align-items:center; padding:.35rem .8rem; border-radius:999px; background:rgba(160,57,36,.08); color:#751c16; border:1px solid rgba(160,57,36,.18); font-weight:600; font-size:.85rem; }
.dp-disclosure summary{ cursor:pointer; font-weight:700; color:#751c16; }
.dp-transcript{ margin-top:1rem; max-height:560px; overflow:auto; border:1px solid rgba(160,57,36,.16); border-radius:14px; background:#f8f8f8; }
.dp-transcript pre{ margin:0; padding:1rem; white-space:pre-wrap; word-break:break-word; color:#222; font:500 .94rem/1.65 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; }
.dp-transcript-segments{ margin-top:1rem; display:grid; gap:.8rem; }
.dp-segment{ padding:.9rem 1rem; border-radius:14px; background:#f8f8f8; border:1px solid rgba(160,57,36,.12); }
.dp-segment strong{ display:block; margin-bottom:.35rem; color:#751c16; }

@media (max-width: 768px){
    .dp-page-header__cta-row,.dp-search-bar{ flex-direction:column; align-items:flex-start; }
    .dp-search-bar input,.dp-filter-select,.dp-button{ width:100%; }
    .dp-article-row--podcast{ grid-template-columns:90px minmax(0,1fr); }
    .dp-detail-layout{ grid-template-columns:1fr; }
}
