/* V27 / Program Universe — original program art, restrained motion, full poster archives. */
.playground-site .program-item[data-program="pegi-pagi"]{background:#171922;color:#fff}
.playground-site .program-item[data-program="cuma-suara"]{background:#fff8e9;color:#15171c}
.playground-site .program-item[data-program="kemaleman"]{background:#490e27;color:#fff}
.playground-site .program-item[data-program="ganti-giliran"]{background:#ffe174;color:#16171b}
.playground-site .program-item[data-program="baru-balique"]{background:#e6eee5;color:#16171b}
.playground-site .program-item[data-program="diserang-cinta"]{background:#f9c4d8;color:#500b31;border-color:#500b31}
.playground-site .program-item[data-program="diserang-cinta"] .program-bottom{border-color:#500b3150}
.playground-site .program-item[data-program="pegi-pagi"] .program-bottom{border-color:#ffffff66}
.playground-site .program-item.is-current{outline:3px solid var(--pg-red);outline-offset:5px;box-shadow:9px 11px 0 var(--pg-red)}
.program-name .program-art-shell{position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate;width:100%;height:100%;min-height:0;padding:10px;overflow:hidden;border:1px solid currentColor;background:transparent}
.program-name .program-art-shell:before{content:"";position:absolute;inset:12px;border:1px dashed currentColor;opacity:.24;pointer-events:none}
.program-name .program-art-shell:after{content:"✳";position:absolute;bottom:-7px;right:12px;font:900 57px/1 var(--body);opacity:.12;pointer-events:none}
.program-static-logo{position:relative;z-index:1;display:block;max-width:93%;width:100%;max-height:91%;height:100%;object-fit:contain;transition:opacity .15s}
.program-static-name{position:relative;z-index:1;display:block;max-width:100%;padding-inline:4px;text-align:center;text-transform:uppercase;text-wrap:balance;font:900 clamp(30px,3.5vw,52px)/.9 var(--heading);font-style:italic;letter-spacing:-.055em;transition:opacity .15s}
.program-art-shell .program-motion-video{position:absolute;z-index:2;inset:0;display:block;width:100%;height:100%;object-fit:contain;opacity:0;background:transparent;pointer-events:none;transition:opacity .18s}
.program-art-shell.is-playing .program-motion-video{opacity:1}
.program-art-shell.is-playing .program-static-logo,.program-art-shell.is-playing .program-static-name{opacity:0}
.program-item.has-program-motion .program-motion-caption{font-weight:900;letter-spacing:.025em}
.program-item.has-program-motion .program-motion-caption:after{content:" ✳";color:var(--pg-red)}
.program-item[data-program="pegi-pagi"] .program-art-shell,.program-item[data-program="kemaleman"] .program-art-shell{border-color:#ffffff8c}
.program-poster{margin:24px 0 12px;max-width:100%;padding:7px;background:#f1eee8;border:2px solid #10131b;box-shadow:5px 5px 0 #10131b;color:#10131b}
.program-poster>a{display:block;outline-offset:3px}
.program-poster img{display:block;width:100%;height:auto;max-height:470px;object-fit:contain;background:#eee7dc}
.program-poster figcaption{padding:10px 7px 4px;font:900 10px/1.3 var(--body);letter-spacing:.07em}
.program-content .program-poster{margin-top:18px}
.program-content-logo.program-art-shell{position:relative;display:flex;align-items:center;justify-content:center;min-height:125px;aspect-ratio:16/9;padding:12px;border:1px solid #4a1830;background:#fffbed;isolation:isolate;overflow:hidden}
.program-content-logo .program-static-logo{max-height:110px;height:100%;max-width:90%}
.program-content-logo .program-motion-video{position:absolute;inset:0;width:100%;height:100%;opacity:0;object-fit:contain;background:transparent}
.program-content-logo.is-playing .program-motion-video{opacity:1}
.program-content-logo.is-playing .program-static-logo{opacity:0}
@media(max-width:1000px){.program-static-name{font-size:clamp(30px,5.3vw,44px)}}
@media(max-width:600px){.program-static-name{font-size:clamp(40px,10vw,60px)}.program-name .program-art-shell{padding:8px}.program-poster img{max-height:500px}}
@media(prefers-reduced-motion:reduce){.program-static-logo,.program-static-name,.program-motion-video{transition:none!important}.program-motion-video{display:none!important}}
