:root{ --pp-bg:#0b0b0f; --pp-card:#14141c; --pp-overlay:rgba(0,0,0,.45); --pp-text:#f3f4f6; --pp-muted:#a1a1aa; }
.pp-wrap{ background:var(--pp-bg); color:var(--pp-text); min-height:100vh; padding:28px 0 60px; }
.pp-container{ width:min(1180px, calc(100% - 32px)); margin:0 auto; }
.pp-grid{ display:grid; grid-template-columns: repeat(4, 1fr); gap:14px; }
@media (max-width: 1200px){ .pp-grid{ grid-template-columns: repeat(3, 1fr);} }
@media (max-width: 900px){ .pp-grid{ grid-template-columns: repeat(2, 1fr);} }
@media (max-width: 560px){ .pp-grid{ grid-template-columns: 1fr;} }

.pp-card{ position:relative; border-radius:16px; overflow:hidden; aspect-ratio: 16/10; background:var(--pp-card); box-shadow: 0 10px 40px rgba(0,0,0,.35); }
.pp-card__bg{ position:absolute; inset:0; background-size:cover; background-position:center; transform:scale(1.02); }
.pp-card__overlay{ position:absolute; inset:0; background: linear-gradient(180deg, rgba(0,0,0,.15), rgba(0,0,0,.65)); }
.pp-card__body{ position:absolute; inset:auto 0 0 0; padding:14px 14px 16px; }
.pp-card__kicker{ font-size:12px; letter-spacing:.4px; color:var(--pp-muted); margin:0 0 6px; }
.pp-card__title{ margin:0; font-size:16px; line-height:1.2; font-weight:800; }
.pp-card a{ color:inherit; text-decoration:none; display:block; height:100%; }

.pp-single-hero{ display:block; }
.pp-single-hero img{ width:100%; height:auto; display:block; border-radius:16px; }
.pp-player{ margin-top:-18px; padding:14px; background:rgba(20,20,28,.92); border-radius:16px; backdrop-filter: blur(6px); box-shadow: 0 10px 40px rgba(0,0,0,.35); }
.pp-player audio{ width:100%; }
.pp-ep-meta{ margin-top:18px; color:var(--pp-muted); font-size:12px; }
.pp-ep-title{ margin:6px 0 8px; font-size:28px; line-height:1.1; font-weight:900; }
.pp-ep-desc{ color:var(--pp-text); font-size:15px; line-height:1.6; }