/* RadioGuide program pages — desktop and mobile proportions observed on NRK Oppdatert. */
#rgSeries{--sp-panel:#091629;--sp-control:#1d3b69;--sp-muted:#b8c6d9;--sp-line:#ffffff24;width:min(1050px,calc(100% - 64px));margin-inline:auto;padding-bottom:140px;color:#f4f7fb}
#rgSeries .rg-series-hero{margin-bottom:32px;border:0;box-shadow:none;background:transparent}
#rgSeries .rg-series-hero-backdrop{width:min(1440px,calc(100vw - 64px));margin-left:calc((100% - min(1440px,calc(100vw - 64px)))/2);height:clamp(300px,38vw,490px);aspect-ratio:auto;animation:none}
#rgSeries .rg-series-hero-backdrop img{object-position:center 35%;filter:saturate(.7) brightness(.65)}
#rgSeries .rg-series-topcard{margin-top:-40px;min-height:193px;border-radius:4px;background:var(--sp-panel);animation:shared-program-enter .24s ease-out both}
#rgSeries .rg-series-hero-media{flex:0 0 193px;width:193px;aspect-ratio:1;border-radius:4px 0 0 4px;overflow:hidden}
#rgSeries .rg-series-hero-media .rg-nrk-program-media{height:100%;aspect-ratio:1}
#rgSeries .rg-series-hero-media img{width:100%;height:100%;object-fit:cover}
#rgSeries .rg-series-hero-media .is-contain img{object-fit:contain}
#rgSeries .rg-series-hero-copy{padding:24px;min-width:0}
#rgSeries h1{font:800 26px/1.18 'Reddit Sans','Work Sans',sans-serif;letter-spacing:-.025em;margin:0 0 8px}
#rgSeries .rg-series-tags{top:-32px;right:0;gap:6px}
#rgSeries .rg-series-tag{font-size:11px;line-height:1.25;padding:3px 6px;border-radius:2px;background:var(--sp-control);color:inherit}
#rgSeries .rg-series-description{font-size:16px;line-height:1.5;font-weight:400;color:var(--sp-muted);margin:0 0 22px;max-width:64ch}
#rgSeries .rg-series-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:auto}
#rgSeries .rg-series-live{font-size:14px;line-height:1.3;min-height:48px;gap:12px;padding:0;color:inherit}
#rgSeries .rg-series-live span:first-child{height:48px;width:48px;flex-basis:48px;font-size:28px}
#rgSeries .rg-series-follow,#rgSeries .rg-series-icon-button,#rgSeries .rg-series-submit{height:40px;min-height:40px;border-radius:999px;background:var(--sp-control);color:inherit;border:0;box-shadow:none;font:600 13px 'Work Sans',sans-serif}
#rgSeries .rg-series-submit{margin-left:auto;padding:0 12px;display:inline-flex;align-items:center;gap:6px}
#rgSeries .rg-series-submit svg{width:16px;height:16px}
#rgSeries .rg-series-follow{margin-left:0}
#rgSeries .rg-series-airings{display:grid;grid-template-columns:270px minmax(0,1fr);column-gap:38px;row-gap:10px;margin:0 0 44px;padding:0;border:0;border-radius:0;background:transparent;color:inherit}
#rgSeries .rg-series-airings h2{grid-column:1;grid-row:1;margin:0;align-self:start;padding:15px 16px;background:var(--sp-control);border-radius:3px;font:700 16px/1.3 'Work Sans',sans-serif}
#rgSeries .rg-series-airings>p{grid-column:1;grid-row:2;margin:0;padding:0 16px;color:var(--sp-muted);font-size:13px;line-height:1.55}
#rgSeries .rg-series-airings-list{grid-column:2;grid-row:1/4;display:flex;flex-direction:column;gap:0;min-width:0;border-top:1px solid var(--sp-line)}
#rgSeries .rg-series-airing{display:flex;align-items:center;gap:16px;justify-content:space-between;min-height:86px;padding:18px 12px;border:0;border-bottom:1px solid var(--sp-line);border-radius:0;background:transparent;transition:background-color .16s ease}
#rgSeries .rg-series-airing:hover{background:#8bb9ef0f}
#rgSeries .rg-series-airing>div{min-width:0}
#rgSeries .rg-series-airing strong{display:block;font:750 18px/1.3 'Reddit Sans','Work Sans',sans-serif;overflow-wrap:anywhere}
#rgSeries .rg-series-airing span{display:block;color:var(--sp-muted);font-size:13px;line-height:1.5;margin-top:5px;overflow-wrap:anywhere}
#rgSeries .rg-series-airing button{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:none;min-height:44px;padding:0 14px;font:600 13px 'Work Sans',sans-serif;color:inherit;background:var(--sp-control);border:0;border-radius:999px;cursor:pointer}
#rgSeries .rg-series-airing button::before{content:'';width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:7px solid currentColor}
#rgSeries button:focus-visible{outline:3px solid #8bb9ef;outline-offset:4px}
#rgSeries .rg-series-list-head{width:270px;grid-template-columns:minmax(0,1fr) 48px;gap:8px;animation:none}
#rgSeries .rg-series-list-title,#rgSeries .rg-series-sort{min-height:50px;background:var(--sp-control);border-radius:3px;font-size:14px;color:inherit}
#rgSeries #rgSeriesEpisodes{width:calc(100% - 308px);margin:-50px 0 0 auto}
#rgSeries .rg-series-month{animation:none}
#rgSeries .rg-series-episode{min-height:0;grid-template-columns:160px minmax(0,1fr);grid-template-rows:auto auto auto;gap:10px 20px;padding:16px 0;border-radius:0;border-bottom:1px solid var(--sp-line);background:transparent;box-shadow:none;transform:none}
#rgSeries .rg-series-episode-media{grid-column:1;grid-row:1/4;width:160px;aspect-ratio:1;border-radius:3px}
#rgSeries .rg-series-episode>div:nth-child(2){grid-column:2;grid-row:1;padding:0}
#rgSeries .rg-series-episode-desc{grid-column:2;grid-row:2;margin:0;color:var(--sp-muted)}
#rgSeries .rg-series-episode-play,#rgSeries .rg-series-episode-status{grid-column:2;grid-row:3;margin:0}
#rgSeries .rg-series-episode:hover{background:#8bb9ef0f;transform:none}
html[data-site-theme="light"] #rgSeries{--sp-panel:#fff;--sp-control:#e2ebf6;--sp-muted:#465970;--sp-line:#16304b26;color:#142b48}
html[data-site-theme="light"] #rgSeries .rg-series-month h2,html[data-site-theme="light"] #rgSeries .rg-series-episode-title{color:inherit}
@keyframes shared-program-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:899px){
 #rgSeries{width:calc(100% - 40px);padding-top:18px}
 #rgSeries .rg-series-hero-backdrop{display:none}
 #rgSeries .rg-series-topcard{display:block;margin:0;min-height:0;overflow:hidden;border-radius:4px}
 #rgSeries .rg-series-hero-media{width:100%;aspect-ratio:1;max-height:none;border-radius:0}
 #rgSeries .rg-series-hero-copy{padding:24px}
 #rgSeries .rg-series-tags{position:static;margin:0 0 14px}
 #rgSeries h1{font-size:26px}
 #rgSeries .rg-series-description{font-size:16px}
 #rgSeries .rg-series-live{flex-basis:100%;margin-bottom:8px}
 #rgSeries .rg-series-follow{width:40px;min-width:40px;padding:0;justify-content:center}
 #rgSeries .rg-series-follow span{display:none}
 #rgSeries .rg-series-icon-button{display:flex;width:40px;padding:0;justify-content:center}
 #rgSeries .rg-series-airings{display:block;margin:0 0 36px}
 #rgSeries .rg-series-airings>p{padding:12px 0 16px}
 #rgSeries .rg-series-airing{min-height:88px;padding:18px 4px;gap:12px}
 #rgSeries .rg-series-airing strong{font-size:17px}
 #rgSeries .rg-series-airing button{font-size:12px;padding:0 12px;min-height:44px}
 #rgSeries .rg-series-list-head{width:100%;grid-template-columns:minmax(0,1fr) 50px}
 #rgSeries #rgSeriesEpisodes{width:100%;margin:26px 0 0}
 #rgSeries .rg-series-episode{grid-template-columns:104px minmax(0,1fr);gap:12px 16px}
 #rgSeries .rg-series-episode-media{width:104px;grid-row:1/3}
 #rgSeries .rg-series-episode-desc{grid-column:1/3;grid-row:3}
 #rgSeries .rg-series-episode-play,#rgSeries .rg-series-episode-status{grid-column:1/3;grid-row:4}
}
@media(max-width:380px){#rgSeries{width:calc(100% - 28px)}#rgSeries .rg-series-hero-copy{padding:20px 16px}#rgSeries h1{font-size:24px}#rgSeries .rg-series-airing{flex-wrap:wrap}#rgSeries .rg-series-airing>div{flex:1 1 165px}}
@media(prefers-reduced-motion:reduce){#rgSeries .rg-series-topcard{animation:none}#rgSeries .rg-series-airing{transition:none}}

#rgSeries .rg-series-airing button:disabled{opacity:.55;cursor:default}
#rgSeries .rg-series-airing button:disabled::before{display:none}
/* A arte original do Léo é horizontal: preservar título e apresentador. */
#rgSeries .rg-series-hero-media img[src*="img-leo-lima"]{object-fit:contain;background:var(--sp-panel)}