/* GAN watch pages: live channel, on demand, shows, videos */
.w-main{padding-bottom:1rem}
.w-hero{padding-block:clamp(2rem,5vw,3.25rem) 1.25rem;display:grid;gap:.6rem}
.w-hero h1{font-size:clamp(2rem,4.6vw,3.2rem)}
.w-hero .lede{margin:0}
.w-skel{background:linear-gradient(90deg,var(--surface) 0%,var(--surface-2) 50%,var(--surface) 100%);background-size:200% 100%;animation:wsk 1.4s ease-in-out infinite;border-radius:10px}
@keyframes wsk{0%{background-position:100% 0}100%{background-position:-100% 0}}
.w-note{color:var(--muted);font-size:.95rem}

/* Player */
.player{position:relative;aspect-ratio:16/9;background:#000;border-radius:14px;overflow:hidden;border:1px solid var(--line)}
.player video{position:absolute;inset:0;width:100%;height:100%;background:#000;display:block}
.player .poster{position:absolute;inset:0;background:#000 center/cover no-repeat;display:grid;place-items:center;cursor:pointer;border:0;padding:0;width:100%;color:#fff}
.player .poster::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.55))}
.player .poster[hidden]{display:none}
.bigplay{position:relative;z-index:1;display:inline-flex;align-items:center;gap:.7rem;font:600 1.05rem/1 var(--body);padding:1rem 1.4rem 1rem 1.1rem;border-radius:999px;background:var(--gold);color:var(--gold-ink);box-shadow:0 10px 30px rgba(0,0,0,.4);transition:transform .15s ease}
.poster:hover .bigplay,.poster:focus-visible .bigplay{transform:scale(1.04)}
.bigplay svg{width:22px;height:22px}
.p-msg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;text-align:center;color:#fff;background:rgba(0,0,0,.7);padding:1rem 1.25rem;border-radius:12px;max-width:85%;font-size:.95rem}
.p-toast{position:absolute;left:12px;bottom:56px;z-index:3;display:flex;align-items:center;gap:.75rem;background:rgba(19,14,11,.92);border:1px solid var(--line);color:var(--fg);padding:.55rem .6rem .55rem .9rem;border-radius:999px;font-size:.88rem}
.p-toast button{font:600 .82rem/1 var(--body);color:var(--gold);background:none;border:1px solid var(--line);border-radius:999px;padding:.45rem .7rem;cursor:pointer}
.livebadge{position:absolute;top:12px;left:12px;z-index:3;display:inline-flex;align-items:center;gap:.4rem;font:700 .75rem/1 var(--label);font-stretch:115%;letter-spacing:.12em;text-transform:uppercase;color:#fff;background:rgba(0,0,0,.6);padding:.45rem .6rem;border-radius:6px}
.livebadge i{width:8px;height:8px;border-radius:50%;background:var(--live);animation:wpulse 1.6s ease-in-out infinite}
@keyframes wpulse{50%{opacity:.35}}
.tolive{position:absolute;top:12px;right:12px;z-index:3;font:600 .82rem/1 var(--body);background:var(--live);color:#fff;border:0;border-radius:999px;padding:.55rem .8rem;cursor:pointer}

/* Live page */
.live-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(300px,1fr);gap:1.5rem;padding-top:1.5rem;align-items:start}
.live-grid > aside{align-self:stretch}
@media (max-width:980px){.live-grid{grid-template-columns:minmax(0,1fr)}}
.now{margin-top:1.1rem;display:grid;gap:.45rem}
.now h1{font-size:clamp(1.5rem,3vw,2.1rem)}
.now .when{color:var(--muted);font-size:.95rem;margin:0;font-variant-numeric:tabular-nums}
.now .desc{color:var(--text);margin:.2rem 0 0;max-width:68ch}
.now .acts{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.5rem}
.now .acts .btn{padding:.7rem 1.1rem;font-size:.92rem}
.sched{position:relative;border:1px solid var(--line);border-radius:14px;background:var(--surface);min-height:420px;align-self:stretch}
.sched-in{position:absolute;inset:0;display:flex;flex-direction:column;min-height:0}
@media (max-width:980px){.sched{min-height:0}.sched-in{position:static}}
.sched-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:1rem 1.1rem .8rem;border-bottom:1px solid var(--line)}
.sched-head h2{font-size:1.2rem}
.sched-head small{color:var(--muted);font-size:.8rem}
.sched ol{list-style:none;margin:0;padding:.25rem 0;overflow:auto;overscroll-behavior:contain;flex:1;min-height:0}
@media (max-width:980px){.sched ol{max-height:420px}}
.sched .day{position:sticky;top:0;z-index:1;background:var(--surface);padding:.75rem 1.1rem .35rem;font:700 .75rem/1 var(--label);font-stretch:115%;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.sched li.p{display:grid;grid-template-columns:4.9rem minmax(0,1fr);gap:.75rem;padding:.6rem 1.1rem;border-top:1px solid rgba(59,45,35,.55)}
.sched li.p time{color:var(--muted);font-size:.85rem;font-variant-numeric:tabular-nums;padding-top:.1rem;white-space:nowrap}
.sched li.p b{display:block;font-weight:600;font-size:.95rem;line-height:1.3;color:var(--fg)}
.sched li.p small{display:block;color:var(--muted);font-size:.8rem;margin-top:.2rem}
.sched li.p a,.sched li.p > span{display:block;text-decoration:none;color:inherit;min-width:0}
.sched li.p a:hover b{color:var(--gold)}
.sched li.p.on{background:linear-gradient(90deg,rgba(216,169,76,.12),transparent);border-left:3px solid var(--gold);padding-left:calc(1.1rem - 3px)}
.sched li.p.on time{color:var(--gold);font-weight:600}
.sched .pbar{display:block;height:3px;background:var(--line);border-radius:3px;margin-top:.45rem;overflow:hidden}
.sched .pbar i{display:block;height:100%;background:var(--gold);width:0}
.sched li.gap{padding:.5rem 1.1rem;color:var(--muted);font-size:.85rem;font-style:italic}

/* Rows of cards */
.w-row{padding-block:1.4rem .4rem}
.w-row-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.85rem}
.w-row-head h2{font-size:clamp(1.15rem,2.2vw,1.45rem)}
.w-row-head a{color:var(--muted);text-decoration:none;font-size:.9rem;white-space:nowrap}
.w-row-head a:hover{color:var(--gold)}
.w-row-head .rowctl{display:flex;align-items:center;gap:.5rem}
.w-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,1fr);gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:.25rem}
.w-track::-webkit-scrollbar{display:none}
.w-track > *{scroll-snap-align:start}
@media (min-width:1100px){.w-track{grid-auto-columns:calc((100% - 3rem) / 4)}}
@media (max-width:620px){.w-track{grid-auto-columns:72%}}
.w-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.2rem 1rem}
@media (max-width:1000px){.w-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:720px){.w-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

.rbtn{width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:transparent;color:var(--fg);display:grid;place-items:center;cursor:pointer}
.rbtn:hover{border-color:var(--gold);color:var(--gold)}
.rbtn:disabled{opacity:.35;cursor:default;border-color:var(--line);color:var(--fg)}
.rbtn svg{width:16px;height:16px}
@media (hover:none){.rbtn{display:none}}

.ep{display:grid;gap:.55rem;text-decoration:none;color:inherit;min-width:0}
.ep .th{position:relative;aspect-ratio:16/9;border-radius:10px;overflow:hidden;background:var(--surface-2);border:1px solid var(--line)}
.ep .th img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}
.ep:hover .th img,.ep:focus-visible .th img{transform:scale(1.04)}
.ep .th .rb{position:absolute;left:0;right:0;bottom:0;height:4px;background:rgba(0,0,0,.5)}
.ep .th .rb i{display:block;height:100%;background:var(--live)}
.ep .th .tag{position:absolute;top:8px;left:8px;font:700 .7rem/1 var(--label);font-stretch:115%;letter-spacing:.12em;text-transform:uppercase;background:rgba(19,14,11,.85);color:var(--gold);padding:.35rem .45rem;border-radius:5px}
.ep b{font-weight:600;line-height:1.3;font-size:.95rem;color:var(--fg);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ep small{color:var(--muted);font-size:.82rem;display:block;margin-top:-.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ep:hover b{color:var(--gold)}

.showcard{position:relative;display:grid;align-content:end;aspect-ratio:16/9;border-radius:12px;overflow:hidden;border:1px solid var(--line);background:var(--surface-2) center/cover no-repeat;text-decoration:none;color:#fff;padding:.9rem}
.showcard::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 35%,rgba(0,0,0,.82))}
.showcard.noimg{background:linear-gradient(150deg,#5c3a1c,#2a1b10 70%)}
.showcard b,.showcard small{position:relative}
.showcard b{font-family:var(--display);font-weight:800;font-stretch:112%;font-size:1.05rem;line-height:1.15}
.showcard small{color:rgba(255,255,255,.8);font-size:.8rem;margin-top:.25rem}
.showcard:hover{border-color:var(--gold)}

/* Search on On Demand */
.w-search{display:flex;gap:.5rem;max-width:560px;margin-top:.6rem}
.w-search input{flex:1;min-width:0;font:inherit;font-size:1rem;color:var(--fg);background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:.8rem 1.1rem}
.w-search input:focus{outline:none;border-color:var(--gold)}
.w-search .btn{padding:.8rem 1.2rem}
.w-results[hidden]{display:none}

/* Show page */
.sh-hero{position:relative;border-bottom:1px solid var(--line);overflow:hidden}
.sh-hero .bg{position:absolute;inset:0;background:#1e1712 center/cover no-repeat;filter:saturate(.9)}
.sh-hero .bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(19,14,11,.97) 0%,rgba(19,14,11,.88) 45%,rgba(19,14,11,.55) 100%),linear-gradient(0deg,var(--bg),transparent 40%)}
.sh-hero .wrap{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:2rem;align-items:center;padding-block:clamp(2rem,5vw,3.5rem)}
@media (max-width:860px){.sh-hero .wrap{grid-template-columns:minmax(0,1fr)}}
.sh-hero h1{font-size:clamp(2rem,4.4vw,3.2rem)}
.sh-hero .meta{color:var(--muted);font-size:.95rem;margin:.6rem 0 0}
.sh-hero .about{color:var(--text);max-width:52ch;margin:.8rem 0 0}
.sh-hero .acts{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.2rem}
.feat{display:grid;gap:.75rem;text-decoration:none;color:inherit}
.feat .th{position:relative;aspect-ratio:16/9;border-radius:14px;overflow:hidden;border:1px solid var(--line);background:#000}
.feat .th img{width:100%;height:100%;object-fit:cover;display:block}
.feat .th .play{position:absolute;inset:auto auto 14px 14px;display:inline-flex;align-items:center;gap:.5rem;background:var(--gold);color:var(--gold-ink);font:600 .9rem/1 var(--body);padding:.7rem 1rem .7rem .8rem;border-radius:999px}
.feat .th .play svg{width:16px;height:16px}
.feat .k{font:700 .75rem/1 var(--label);font-stretch:115%;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.feat b{font-family:var(--display);font-weight:800;font-stretch:112%;font-size:1.2rem;line-height:1.2}
.feat p{margin:0;color:var(--muted);font-size:.92rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.feat:hover b{color:var(--gold)}
.sh-eps{padding-top:2rem}
.more-btn{display:flex;justify-content:center;margin-top:1.75rem}

/* Video page */
.v-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:1.75rem;padding-top:1.5rem;align-items:start}
@media (max-width:1000px){.v-grid{grid-template-columns:minmax(0,1fr)}}
.v-info{margin-top:1.1rem;display:grid;gap:.55rem}
.v-info h1{font-size:clamp(1.45rem,3vw,2.1rem)}
.v-info .showlink{display:inline-flex;align-items:center;gap:.5rem;color:var(--gold);text-decoration:none;font-weight:600}
.v-info .showlink:hover{text-decoration:underline;text-underline-offset:3px}
.v-desc{color:var(--text);line-height:1.7;max-width:72ch;overflow-wrap:anywhere}
.v-desc a{color:var(--gold)}
.v-desc p{margin:0 0 .9em}
.v-desc.clip{max-height:9.5em;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,#000 60%,transparent)}
.v-more{justify-self:start;background:none;border:0;color:var(--gold);font:600 .9rem/1 var(--body);padding:.4rem 0;cursor:pointer}
.upnext{border:1px solid var(--line);border-radius:14px;background:var(--surface);padding:1rem}
.upnext h2{font-size:1.05rem;margin-bottom:.8rem}
.upnext ol{list-style:none;margin:0;padding:0;display:grid;gap:.8rem}
.upnext li a{display:grid;grid-template-columns:132px minmax(0,1fr);gap:.75rem;text-decoration:none;color:inherit;align-items:start}
.upnext li .th{aspect-ratio:16/9;border-radius:8px;overflow:hidden;background:var(--surface-2)}
.upnext li .th img{width:100%;height:100%;object-fit:cover;display:block}
.upnext li b{font-size:.88rem;font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.upnext li a:hover b{color:var(--gold)}
.upnext li.cur a{opacity:.55;pointer-events:none}
.upnext .auto{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin:-.2rem 0 .9rem;color:var(--muted);font-size:.85rem}
.upnext .auto input{accent-color:var(--gold);width:18px;height:18px}
.endcard{position:absolute;inset:0;z-index:4;display:grid;place-items:center;background:rgba(10,7,5,.86);text-align:center;padding:1rem}
.endcard[hidden]{display:none}
.endcard .in{display:grid;gap:.7rem;justify-items:center;max-width:420px}
.endcard small{color:var(--muted)}
.endcard b{font-family:var(--display);font-weight:800;font-stretch:112%;font-size:1.25rem;line-height:1.2}
.endcard .acts{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:center}
.v-path{margin-top:1.2rem}
.v-path .pathbar{margin:0}

@media (max-width:700px){
  .live-grid,.v-grid{padding-top:.75rem}
  .player{border-radius:10px}
  .wrap.full-m{padding-left:0;padding-right:0}
  .wrap.full-m .player{border-radius:0;border-left:0;border-right:0}
  .wrap.full-m .now,.wrap.full-m .v-info,.wrap.full-m .v-path,.wrap.full-m .sched,.wrap.full-m .upnext{margin-left:max(16px, env(safe-area-inset-left, 0px));margin-right:max(16px, env(safe-area-inset-right, 0px))}
}
.w-row-head h2 a{font:inherit;color:inherit;text-decoration:none}.w-row-head h2 a:hover{color:var(--gold)}

/* Show page: featured episode plays in place */
.feat button.th{display:block;width:100%;padding:0;cursor:pointer;font:inherit;color:inherit}
.feat .player{border-radius:14px}
.feat a.ft{text-decoration:none;color:inherit}
.feat a.ft:hover b{color:var(--gold)}

/* Contact the ministry */
.contact{padding-top:3rem}
.ct-in{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:2rem;border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:clamp(1.25rem,3vw,2rem)}
@media (max-width:820px){.ct-in{grid-template-columns:minmax(0,1fr);gap:1.1rem}}
.ct-in h2{font-size:clamp(1.4rem,2.6vw,1.9rem);margin-top:.5rem}
.ct-in .w-note{margin:.6rem 0 0}
.contact form{display:grid;gap:.8rem}
.contact .two{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
@media (max-width:560px){.contact .two{grid-template-columns:1fr}}
.contact label{display:grid;gap:.35rem;font-size:.85rem;font-weight:600;color:var(--muted)}
.contact input,.contact textarea{font:inherit;font-size:1rem;color:var(--fg);background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:.75rem .85rem;width:100%}
.contact textarea{resize:vertical;min-height:110px}
.contact input:focus,.contact textarea:focus{outline:none;border-color:var(--gold)}
.contact button{justify-self:start}
.v-contact{padding-top:2.5rem}

/* Podcasts */
.eps{list-style:none;margin:0;padding:0;display:grid;gap:.15rem}
.eps li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:.8rem;align-items:center;padding:.55rem 0;border-top:1px solid rgba(59,45,35,.6)}
.eps li:first-child{border-top:0}
.eps .pp{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:transparent;color:var(--gold);display:grid;place-items:center;cursor:pointer}
.eps .pp:hover{border-color:var(--gold);background:rgba(216,169,76,.1)}
.eps .pp svg{width:18px;height:18px;margin-left:2px}
.eps .et b{display:block;font-weight:600;line-height:1.3;color:var(--fg)}
.eps .et small{display:block;color:var(--muted);font-size:.82rem;margin-top:.15rem}
.eps.latest{border:1px solid var(--line);border-radius:14px;background:var(--surface);padding:.4rem 1.1rem}
.pod{display:grid;grid-template-columns:200px minmax(0,1fr);gap:1.6rem;padding:1.6rem 0;border-top:1px solid var(--line);scroll-margin-top:90px}
.pod:first-child{border-top:0;padding-top:.4rem}
@media (max-width:700px){.pod{grid-template-columns:minmax(0,1fr)}.pod .pc{width:160px}}
.pod .pc{width:200px;aspect-ratio:1;border-radius:12px;object-fit:cover;display:block;border:1px solid var(--line)}
.pod h2{font-size:clamp(1.35rem,2.6vw,1.8rem);margin-top:.35rem}
.pod .w-note{margin:.35rem 0 0}
.pod .acts{display:flex;flex-wrap:wrap;gap:.5rem;margin:.9rem 0 .6rem}
.pod .acts .btn{padding:.6rem .95rem;font-size:.88rem}
.abar{position:fixed;left:0;right:0;bottom:0;z-index:40;display:grid;grid-template-columns:52px minmax(0,1fr) minmax(0,1.6fr) 36px;gap:.9rem;align-items:center;padding:.6rem max(16px, env(safe-area-inset-left, 0px)) calc(.6rem + env(safe-area-inset-bottom, 0px));background:rgba(19,14,11,.97);border-top:1px solid var(--line);backdrop-filter:blur(8px)}
.abar[hidden]{display:none}
.abar img{width:52px;height:52px;border-radius:8px;object-fit:cover}
.abar .at small{display:block;color:var(--muted);font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.abar .at b{display:block;font-size:.92rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.abar audio{width:100%;height:40px}
.abar .x{position:static;font-size:1.6rem}
@media (max-width:700px){.abar{grid-template-columns:44px minmax(0,1fr) 32px;row-gap:.4rem}.abar img{width:44px;height:44px}.abar audio{grid-column:1 / -1;grid-row:2}}
body.has-abar{padding-bottom:84px}
@media (max-width:700px){body.has-abar{padding-bottom:130px}}

/* Share */
.sharebtn{gap:.45rem}
.sharebtn svg{width:17px;height:17px}
.v-meta{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.v-meta .w-note{margin:0}
.v-meta .sharebtn{padding:.55rem .95rem;font-size:.88rem}

/* Podcasts: latest episodes as artwork cards */
.pgrid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1.1rem}
@media (max-width:1100px){.pgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:560px){.pgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem .8rem}}
.epcard{display:grid;gap:.45rem;align-content:start;min-width:0}
.epcard .art{position:relative;display:block;width:100%;aspect-ratio:1;padding:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface-2);cursor:pointer}
.epcard .art img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}
.epcard .art::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.6))}
.epcard .art:hover img,.epcard .art:focus-visible img{transform:scale(1.05)}
.epcard .pbtn{position:absolute;z-index:1;left:10px;bottom:10px;width:46px;height:46px;border-radius:50%;background:var(--gold);color:var(--gold-ink);display:grid;place-items:center;box-shadow:0 6px 18px rgba(0,0,0,.45);transition:transform .15s ease}
.epcard .art:hover .pbtn{transform:scale(1.08)}
.epcard .pbtn svg{width:20px;height:20px;margin-left:2px}
.epcard .tag{position:absolute;z-index:1;top:8px;left:8px;font:700 .7rem/1 var(--label);font-stretch:115%;letter-spacing:.12em;text-transform:uppercase;background:rgba(19,14,11,.85);color:var(--gold);padding:.35rem .45rem;border-radius:5px}
.epcard .sh{font:700 .72rem/1.3 var(--label);font-stretch:112%;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);text-decoration:none;margin-top:.15rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.epcard b{font-weight:600;line-height:1.3;font-size:.95rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.epcard small{color:var(--muted);font-size:.8rem}

/* Phones: two across for episodes and shows, compact buttons, featured video first on show pages */
@media (max-width:620px){
  .w-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem .75rem}
  .ep{gap:.4rem}
  .ep b{font-size:.86rem}
  .ep small{font-size:.75rem}
  .showcard{padding:.6rem;aspect-ratio:4/3}
  .showcard b{font-size:.88rem}
  .showcard small{font-size:.72rem}
  .now .acts .btn,.sh-hero .acts .btn{padding:.6rem .9rem;font-size:.86rem}
  .sh-hero .wrap > div:first-child{order:2}
  .sh-hero .wrap > #sh-feat{order:1}
  .sh-hero .wrap{gap:1.25rem;padding-top:1.25rem}
}

/* Episodes with no artwork in the CMS */
.noart{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(150deg,#5c3a1c,#2a1b10 70%)}
.noart img{width:34%!important;max-width:120px;height:auto!important;object-fit:contain!important;opacity:.85;transform:none!important}
.upnext li .th{position:relative}

/* Live: starts muted when the browser requires it */
.unmute{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:.55rem;font:600 1rem/1 var(--body);padding:.9rem 1.25rem;border-radius:999px;border:0;background:var(--gold);color:var(--gold-ink);box-shadow:0 10px 30px rgba(0,0,0,.45);cursor:pointer}
.unmute svg{width:20px;height:20px}