/* CONTENT PAGES */

/* ── BLOG / ARTICLE LIST ── */
.content-grid-wrap{padding:56px 0 80px;}
.content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;}

/* ── DETAIL HERO — centered ── */
.detail-hero{min-height:480px;background-size:cover;background-position:center;position:relative;display:flex;align-items:flex-end;}
.detail-hero-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(10,22,40,0.92) 0%,rgba(10,22,40,0.4) 65%,transparent 100%);}
.detail-hero-content{position:relative;z-index:2;padding:48px 48px 56px;width:100%;}
/* Centered variant */
.detail-hero-centered{display:flex;flex-direction:column;align-items:center;text-align:center;padding:48px 48px 56px;max-width:100%;}
.detail-badge{display:inline-block;background:var(--gold);color:#fff;font-family:var(--font-display);font-size:10px;letter-spacing:2px;text-transform:uppercase;padding:5px 14px;border-radius:20px;margin-bottom:16px;text-decoration:none;transition:background var(--t1);}
.detail-badge:hover{background:var(--gold-bright);}
.detail-hero-title{font-family:var(--font-body);color:#fff;font-size:clamp(22px,4vw,42px);font-weight:700;line-height:1.3;text-shadow:0 2px 12px rgba(0,0,0,0.4);}
.detail-author-row{display:flex;align-items:center;gap:14px;margin-top:20px;justify-content:center;}
.detail-author-img{width:46px;height:46px;border-radius:50%;border:2px solid var(--gold);object-fit:cover;}
.detail-author-name{color:#fff;font-weight:600;font-size:14px;font-family:var(--font-ui);}
.detail-author-date{color:rgba(255,255,255,0.6);font-size:12px;font-family:var(--font-ui);}
.detail-body{max-width:820px;margin:48px auto;padding:0 28px;font-family:var(--font-body);font-size:19px;line-height:1.9;color:#2d2d2d;}
.detail-body p{margin-bottom:22px;}
.detail-body h2,.detail-body h3{font-family:var(--font-display);color:var(--navy);margin:32px 0 14px;}
.detail-body img{max-width:100%;border-radius:var(--radius);margin:24px 0;}
.detail-body blockquote{border-left:4px solid var(--gold);padding:16px 24px;margin:28px 0;background:var(--cream);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-style:italic;color:var(--navy);}

/* Urdu */
.urdu-body{font-family:var(--font-urdu)!important;direction:rtl!important;text-align:right!important;font-size:22px!important;line-height:2.6!important;}
.urdu-body *{font-family:var(--font-urdu)!important;}
.urdu-detail-title{font-family:var(--font-urdu)!important;direction:rtl!important;font-size:clamp(20px,3.5vw,36px)!important;line-height:1.8!important;}

/* Share */
.share-section{background:var(--cream);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:32px 0;}
.share-section-inner{max-width:820px;margin:0 auto;padding:0 28px;display:flex;align-items:center;gap:16px;flex-wrap:wrap;}
.share-label{font-family:var(--font-display);font-size:14px;letter-spacing:1px;color:var(--navy);font-weight:700;}
.share-btns-row{display:flex;gap:8px;flex-wrap:wrap;}
.share-btn-full{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border-radius:25px;font-family:var(--font-ui);font-size:13px;font-weight:700;border:none;cursor:pointer;transition:all var(--t1);text-decoration:none;}
.share-btn-full:hover{transform:translateY(-2px);opacity:0.9;}
.share-btn-full.wa{background:#25D366;color:#fff;}
.share-btn-full.fb{background:#1877F2;color:#fff;}
.share-btn-full.ig{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#bc1888);color:#fff;}
.share-btn-full.cp{background:var(--navy);color:#fff;}
.copy-flash{font-size:12px;color:var(--gold);font-weight:700;display:none;}

/* ── AUDIO ── */
.audio-list-wrap{padding:56px 0 80px;}
.audio-list{display:flex;flex-direction:column;gap:16px;max-width:860px;margin:0 auto;}

/* ── VIDEO GRID ── */
.video-grid-wrap{padding:56px 0 80px;}
.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;}
.video-card{background:var(--white);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--border);transition:transform var(--t2),box-shadow var(--t2);}
.video-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);}
.video-thumb{position:relative;aspect-ratio:16/9;overflow:hidden;cursor:pointer;background:#000;}
.video-thumb img{width:100%;height:100%;object-fit:cover;transition:opacity var(--t2);}
.video-thumb:hover img{opacity:0.75;}
.video-play-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;}
.video-play-circle{width:60px;height:60px;border-radius:50%;background:rgba(184,134,11,0.9);display:flex;align-items:center;justify-content:center;font-size:22px;color:#fff;transition:transform var(--t2),background var(--t2);}
.video-thumb:hover .video-play-circle{transform:scale(1.15);background:var(--gold);}
.video-card-body{padding:16px;}
.video-card-title{font-family:var(--font-body);font-size:17px;font-weight:600;color:var(--navy);margin-bottom:8px;line-height:1.4;}
.video-iframe-wrap{position:relative;aspect-ratio:16/9;}
.video-iframe-wrap iframe,.video-iframe-wrap video{position:absolute;inset:0;width:100%;height:100%;}
.video-no-thumb{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#111;color:rgba(255,255,255,0.3);font-size:48px;}

/* ── PODCAST ── */
.podcast-tabs-wrap{max-width:900px;margin:40px auto 60px;padding:0 24px;}
.tab-nav{display:flex;gap:4px;border-bottom:2px solid var(--border);margin-bottom:32px;flex-wrap:wrap;}
.tab-btn{padding:11px 24px;font-family:var(--font-ui);font-size:14px;font-weight:700;color:var(--muted);background:none;border:none;cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px;transition:all var(--t1);border-radius:var(--radius-sm) var(--radius-sm) 0 0;}
.tab-btn:hover{color:var(--navy);background:var(--cream);}
.tab-btn.active{color:var(--navy);border-bottom-color:var(--gold);}
.tab-panel{display:none;}
.tab-panel.active{display:flex;flex-direction:column;gap:14px;}
.coming-soon{text-align:center;padding:60px;color:var(--muted);font-style:italic;font-size:16px;border:2px dashed var(--border);border-radius:var(--radius);}

/* ── BOOKS ── */
.books-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;padding:56px 0 80px;}
.book-card{background:var(--white);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--border);transition:transform var(--t2),box-shadow var(--t2);}
.book-card:hover{transform:translateY(-6px);box-shadow:var(--shadow);}
.book-cover-wrap{position:relative;overflow:hidden;}
.book-cover{width:100%;aspect-ratio:3/4;object-fit:cover;transition:transform var(--t3);}
.book-card:hover .book-cover{transform:scale(1.04);}
.book-overlay{position:absolute;inset:0;background:rgba(15,34,64,0.88);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;opacity:0;transition:opacity var(--t2);}
.book-card:hover .book-overlay{opacity:1;}
.book-action{display:flex;align-items:center;gap:7px;padding:9px 20px;border-radius:25px;font-family:var(--font-ui);font-size:12px;font-weight:700;border:none;cursor:pointer;transition:all var(--t1);text-decoration:none;min-width:130px;justify-content:center;}
.book-action.read{background:var(--gold);color:#fff;}
.book-action.dl{background:#fff;color:var(--navy);}
.book-action.share{background:#25D366;color:#fff;}
.book-action:hover{transform:scale(1.05);}
.book-info{padding:14px 16px;}
.book-title{font-family:var(--font-body);font-size:16px;font-weight:600;color:var(--navy);line-height:1.35;}
@media(max-width:600px){.book-overlay{opacity:1;position:static;flex-direction:row;flex-wrap:wrap;padding:12px;background:var(--cream);border-top:1px solid var(--border);gap:6px;}}

/* ── CREEDS ── */
.creeds-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;padding:56px 0 80px;}
.creed-card{background:var(--white);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--border);transition:transform var(--t2),box-shadow var(--t2);display:flex;flex-direction:column;}
.creed-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);}
.creed-img{width:100%;height:180px;object-fit:cover;}
.creed-body{padding:18px;flex:1;display:flex;flex-direction:column;}
.creed-title{font-family:var(--font-body);font-size:18px;font-weight:600;color:var(--navy);margin-bottom:auto;line-height:1.35;}
.creed-actions{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap;}
.creed-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:22px;font-family:var(--font-ui);font-size:12px;font-weight:700;border:none;cursor:pointer;transition:all var(--t1);text-decoration:none;}
.creed-btn:hover{transform:translateY(-2px);opacity:0.9;}
.creed-btn.view{background:var(--navy);color:#fff;}
.creed-btn.dl{background:var(--gold);color:#fff;}
.creed-btn.share{background:#25D366;color:#fff;}

/* ── QUOTES — uniform 4-col grid ── */
.quotes-gallery-wrap{padding:40px 0 80px;}
.quotes-uniform-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.quote-tile{border-radius:var(--radius-sm);overflow:hidden;cursor:pointer;transition:transform var(--t2);box-shadow:var(--shadow-sm);aspect-ratio:1/1;}
.quote-tile:hover{transform:translateY(-4px) scale(1.02);}
.quote-tile img{width:100%;height:100%;object-fit:cover;transition:transform var(--t3);}
.quote-tile:hover img{transform:scale(1.04);}

/* ── COURSES ── */
.courses-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;padding:56px 0 80px;}
.course-card{background:var(--white);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--border);transition:transform var(--t2),box-shadow var(--t2);display:flex;flex-direction:column;}
.course-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);}
.course-cover{width:100%;height:190px;object-fit:cover;}
.course-body{padding:18px;flex:1;display:flex;flex-direction:column;}
.course-type-tag{font-family:var(--font-display);font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold);font-weight:700;margin-bottom:6px;}
.course-title{font-family:var(--font-body);font-size:20px;font-weight:600;color:var(--navy);line-height:1.3;margin-bottom:8px;}
.course-desc{font-size:14px;color:var(--muted);line-height:1.6;margin-bottom:auto;padding-bottom:16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.watch-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 24px;background:var(--navy);color:#fff;border-radius:25px;font-family:var(--font-ui);font-size:13px;font-weight:700;transition:all var(--t2);text-decoration:none;align-self:flex-start;margin-top:16px;}
.watch-btn:hover{background:var(--gold);transform:translateY(-2px);color:#fff;}

/* ── COURSE DETAIL ── */
.course-detail-wrap{max-width:1100px;margin:40px auto 80px;padding:0 24px;}
.course-detail-header{display:grid;grid-template-columns:380px 1fr;gap:0;background:var(--white);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--border);margin-bottom:40px;}
.course-header-img{width:100%;height:100%;min-height:260px;object-fit:cover;}
.course-header-info{padding:32px;}
.course-detail-title{font-family:var(--font-body);font-size:28px;font-weight:700;color:var(--navy);margin-bottom:12px;}
.course-desc-full{font-size:15px;color:var(--muted);line-height:1.8;}
.course-section-wrap{margin-bottom:32px;}
.course-section-title{font-family:var(--font-display);font-size:16px;letter-spacing:1px;color:var(--navy);padding-bottom:10px;border-bottom:2px solid var(--gold-light);margin-bottom:16px;}
/* Lesson item with bigger video */
.lesson-item{display:grid;grid-template-columns:260px 1fr;gap:0;background:var(--white);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:12px;overflow:hidden;transition:all var(--t1);}
.lesson-item:hover{border-color:var(--gold-light);box-shadow:var(--shadow-sm);}
.lesson-thumb-wrap{position:relative;aspect-ratio:16/9;background:#000;cursor:pointer;overflow:hidden;}
.lesson-video-preview{width:100%;height:100%;object-fit:cover;}
.lesson-play-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.35);transition:background var(--t2);}
.lesson-play-overlay:hover{background:rgba(0,0,0,0.1);}
.lesson-play-circle{width:52px;height:52px;border-radius:50%;background:var(--gold);display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;transition:transform var(--t2);}
.lesson-play-overlay:hover .lesson-play-circle{transform:scale(1.1);}
.lesson-info{padding:18px;display:flex;flex-direction:column;justify-content:center;gap:8px;}
.lesson-info h4{font-size:15px;font-weight:700;color:var(--navy);line-height:1.4;}
.lesson-info span{font-size:12px;color:var(--muted);}

/* ── ABOUT ── */
.about-wrap{max-width:920px;margin:60px auto 0;padding:0 28px;}
.about-lead{font-family:var(--font-body);font-size:22px;color:var(--navy);line-height:1.7;font-style:italic;border-left:4px solid var(--gold);padding-left:24px;margin-bottom:36px;}
.about-body p{font-size:17px;color:#444;line-height:1.9;margin-bottom:20px;}
.mission-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:48px 0;}
.mission-card{text-align:center;padding:32px 20px;background:var(--cream);border-radius:var(--radius);border:1px solid var(--border);border-top:3px solid var(--gold);transition:transform var(--t2);}
.mission-card:hover{transform:translateY(-4px);}
.mission-card .icon{font-size:32px;color:var(--gold);margin-bottom:14px;}
.mission-card h3{font-family:var(--font-display);color:var(--navy);font-size:16px;letter-spacing:0.5px;margin-bottom:10px;}
.mission-card p{font-size:13px;color:var(--muted);line-height:1.7;}
.leadership-section{padding:60px 0 80px;background:var(--cream);}
.leaders-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:36px;margin-top:36px;max-width:860px;margin-left:auto;margin-right:auto;}
/* Leader card with full image */
.leader-card{background:var(--white);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--border);transition:transform var(--t2);display:flex;flex-direction:column;}
.leader-card:hover{transform:translateY(-5px);}
.leader-img-wrap{width:100%;aspect-ratio:4/3;overflow:hidden;}
.leader-img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;}
.leader-body{padding:24px;}
.leader-name{font-family:var(--font-body);font-size:22px;font-weight:600;color:var(--navy);}
.leader-role{font-size:11px;color:var(--gold);font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-top:4px;font-family:var(--font-ui);}
.leader-bio{font-size:14px;color:#555;line-height:1.75;margin-top:12px;}

/* ── CONTACT ── */
.contact-wrap{max-width:960px;margin:60px auto 80px;padding:0 24px;}
.contact-grid{display:grid;grid-template-columns:1fr 1.6fr;gap:40px;align-items:start;}
.contact-info-card{background:var(--navy);border-radius:var(--radius);padding:36px;}
.contact-info-card h3{font-family:var(--font-display);color:var(--gold-light);font-size:20px;letter-spacing:0.5px;margin-bottom:24px;}
/* Legacy .contact-info-item support */
.contact-info-item{display:flex;gap:14px;align-items:flex-start;margin-bottom:20px;}
.contact-info-icon{width:40px;height:40px;border-radius:50%;background:rgba(184,134,11,0.2);display:flex;align-items:center;justify-content:center;color:var(--gold-light);font-size:16px;flex-shrink:0;}
.contact-info-item h4{font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--gold-light);font-family:var(--font-ui);margin-bottom:3px;}
.contact-info-item p{font-size:14px;color:rgba(255,255,255,0.8);}
/* contact.html uses .contact-detail + .contact-icon-circle + .detail-label + .detail-val */
.contact-detail{display:flex;gap:14px;align-items:flex-start;margin-bottom:22px;}
.contact-icon-circle{width:42px;height:42px;border-radius:50%;background:rgba(184,134,11,0.2);display:flex;align-items:center;justify-content:center;color:var(--gold-light);font-size:16px;flex-shrink:0;}
.detail-label{font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold-light);font-family:var(--font-ui);margin:0 0 4px;}
.detail-val{font-size:14px;color:rgba(255,255,255,0.85);font-family:var(--font-ui);margin:0;line-height:1.5;}
.contact-socials{display:flex;gap:10px;margin-top:24px;}
.contact-social-link{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,0.08);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,0.6);font-size:15px;transition:all var(--t2);}
.contact-social-link:hover{background:var(--gold);color:#fff;}
.contact-form-card{background:var(--white);border-radius:var(--radius);padding:36px;box-shadow:var(--shadow);border:1px solid var(--border);}
.contact-form-card h3{font-family:var(--font-display);color:var(--navy);font-size:22px;margin-bottom:24px;}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.form-group{margin-bottom:18px;}
.form-group label{display:block;font-size:12px;font-weight:700;letter-spacing:0.5px;color:var(--navy);margin-bottom:6px;font-family:var(--font-ui);}
.form-group input,.form-group textarea{width:100%;padding:12px 16px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-size:14px;font-family:var(--font-ui);outline:none;transition:border-color var(--t1);color:var(--charcoal);background:var(--white);}
.form-group input:focus,.form-group textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(184,134,11,0.12);}
.form-group textarea{min-height:130px;resize:vertical;}
.form-submit{width:100%;padding:14px;background:var(--navy);color:#fff;border:none;border-radius:var(--radius-sm);font-size:15px;font-weight:700;font-family:var(--font-ui);cursor:pointer;transition:all var(--t2);display:flex;align-items:center;justify-content:center;gap:8px;}
.form-submit:hover:not(:disabled){background:var(--gold);transform:translateY(-2px);}
.form-submit:disabled{background:var(--navy-mid);opacity:0.75;cursor:not-allowed;transform:none;}
.form-success{display:none;text-align:center;padding:24px 16px;color:#166534;font-weight:600;font-size:15px;background:#f0fdf4;border-radius:var(--radius-sm);border:1px solid #bbf7d0;margin-bottom:12px;line-height:1.7;}

/* ── SUPPORT ── */
.support-hero{background:linear-gradient(160deg,var(--navy) 0%,#1e4572 100%);padding:80px 24px;text-align:center;}
.support-hero h1{font-family:var(--font-display);color:#fff;font-size:clamp(28px,5vw,48px);letter-spacing:2px;}
.support-hero p{color:rgba(255,255,255,0.7);font-size:18px;margin-top:10px;font-family:var(--font-ui);}
.support-body{max-width:820px;margin:60px auto 80px;padding:0 28px;}
.support-img{width:100%;border-radius:var(--radius);margin-bottom:48px;object-fit:cover;max-height:360px;box-shadow:var(--shadow);}
.support-block{background:var(--white);border-radius:var(--radius);padding:32px;margin-bottom:24px;box-shadow:var(--shadow-sm);border:1px solid var(--border);border-left:4px solid var(--gold);}
.support-block h2{font-family:var(--font-display);color:var(--navy);font-size:20px;letter-spacing:0.5px;margin-bottom:12px;display:flex;align-items:center;gap:12px;}
.support-block h2 i{color:var(--gold);}
.support-block p{font-size:16px;color:#444;line-height:1.85;}
.support-donate-cta{text-align:center;background:var(--cream);border:1px solid var(--border);border-radius:var(--radius);padding:40px;margin-top:10px;}
.support-donate-cta h3{font-family:var(--font-display);color:var(--navy);font-size:22px;margin-bottom:12px;}
.support-donate-cta p{color:var(--muted);margin-bottom:24px;font-size:15px;}
.support-donate-cta a{display:inline-flex;align-items:center;gap:10px;padding:14px 36px;background:var(--gold);color:#fff;border-radius:30px;font-weight:700;font-size:15px;font-family:var(--font-ui);transition:all var(--t2);}
.support-donate-cta a:hover{background:var(--navy);transform:translateY(-3px);}

/* ── LOAD MORE ── */
.items-hidden{display:none!important;}

/* ── RESPONSIVE ── */
@media(max-width:1100px){
  .content-grid{grid-template-columns:repeat(2,1fr);}
  .video-grid{grid-template-columns:repeat(2,1fr);}
  .books-grid{grid-template-columns:repeat(3,1fr);}
  .creeds-grid{grid-template-columns:repeat(2,1fr);}
  .courses-grid{grid-template-columns:repeat(2,1fr);}
  .quotes-uniform-grid{grid-template-columns:repeat(3,1fr);}
}
@media(max-width:768px){
  .content-grid{grid-template-columns:1fr;}
  .video-grid{grid-template-columns:1fr;}
  .books-grid{grid-template-columns:repeat(2,1fr);}
  .creeds-grid{grid-template-columns:1fr;}
  .courses-grid{grid-template-columns:1fr;}
  .contact-grid{grid-template-columns:1fr;}
  .course-detail-header{grid-template-columns:1fr;}
  .lesson-item{grid-template-columns:1fr;}.lesson-thumb-wrap{aspect-ratio:16/9;}
  .mission-cards{grid-template-columns:1fr;}
  .form-row{grid-template-columns:1fr;}
  .detail-hero-content,.detail-hero-centered{padding:24px 20px 40px;}
  .detail-body{font-size:17px;padding:0 20px;}
  .share-section-inner{flex-direction:column;align-items:flex-start;}
  .quotes-uniform-grid{grid-template-columns:repeat(2,1fr);}
  .leaders-grid{grid-template-columns:1fr;}
}
@media(max-width:480px){
  .books-grid{grid-template-columns:1fr;}
  .quotes-uniform-grid{grid-template-columns:repeat(2,1fr);}
}

/* ── AUDIO CARD — exactly like home sermon-card ── */
.audio-card{background:var(--white);border-radius:var(--radius);border:1px solid var(--border);overflow:hidden;box-shadow:var(--shadow-sm);display:grid;grid-template-columns:130px 1fr;transition:transform var(--t2),box-shadow var(--t2);}
.audio-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);}
.audio-cover{width:130px;object-fit:cover;aspect-ratio:1/1;display:block;}
.audio-card-info{padding:18px;display:flex;flex-direction:column;gap:8px;}
.audio-type-tag{font-family:var(--font-display);font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--gold);font-weight:700;margin:0;}
.audio-card-title{font-family:var(--font-body);font-size:18px;font-weight:600;color:var(--navy);line-height:1.35;margin:0;}
.audio-author{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:5px;margin:0;}
.audio-player-wrap{margin-top:auto;}
.audio-player-wrap audio{width:100%;height:36px;border-radius:18px;}
.audio-share-row{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:4px;}

/* Mobile audio card */
@media(max-width:600px){
  .audio-card{grid-template-columns:1fr;}
  .audio-cover{width:100%;height:160px;aspect-ratio:auto;}
}

/* ── PODCAST TABS & PANELS ── */
.podcast-tabs{display:flex;gap:4px;border-bottom:2px solid var(--border);margin-bottom:32px;flex-wrap:wrap;}
.pod-tab{padding:11px 22px;font-family:var(--font-ui);font-size:14px;font-weight:700;color:var(--muted);background:none;border:none;cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px;transition:all var(--t1);border-radius:6px 6px 0 0;display:flex;align-items:center;gap:7px;}
.pod-tab:hover{color:var(--navy);background:var(--cream);}
.pod-tab.active{color:var(--navy);border-bottom-color:var(--gold);}
.podcast-panel{display:none;}
.podcast-panel.active{display:block;}

/* Video page - new thumb wrap */
.video-thumb-wrap{position:relative;aspect-ratio:16/9;overflow:hidden;cursor:pointer;background:#111;}
.video-thumb-img{width:100%;height:100%;object-fit:cover;transition:opacity var(--t2);}
.video-thumb-wrap:hover .video-thumb-img{opacity:0.8;}
.video-thumb-wrap:hover .video-play-circle{transform:scale(1.15);background:var(--gold);}

.form-success[style*="block"]{display:block !important;}

.form-error{text-align:center;padding:14px;color:#dc2626;font-weight:700;background:#fef2f2;border-radius:8px;border:1px solid #fecaca;margin-top:12px;}