/* Movie detail structure uses the current theme and its existing controls. */
.movie-detail.movie-detail--compact{grid-template-columns:minmax(180px,240px) minmax(0,1fr);gap:12px 26px;padding:20px;margin:6px 0 10px}
.movie-detail--compact>.detail-heading{grid-column:2;grid-row:1;min-width:0}
.detail-heading h1{margin:8px 0 2px;font:600 clamp(26px,3vw,39px)/1.16 'Space Grotesk',sans-serif;letter-spacing:-.8px;overflow-wrap:anywhere}
.movie-detail--compact>.detail-poster{grid-column:1;grid-row:1/4;width:100%;max-width:none;margin:0;align-self:start}
.movie-detail--compact>.detail-content{grid-column:2;grid-row:2;min-width:0}
.movie-detail--compact .detail-tags{gap:6px}
.movie-detail--compact .detail-tags span{max-width:100%;font-size:12px;line-height:1.35;overflow-wrap:anywhere}
.movie-detail--compact .imdb-rating{max-width:100%;flex-wrap:wrap;row-gap:6px}
.movie-detail--compact .movie-facts{margin:12px 0 0}
.movie-detail--compact .movie-facts>div{grid-template-columns:90px minmax(0,1fr);gap:10px;padding:8px 0;font-size:12px}
.movie-detail--compact .movie-facts dd{min-width:0;overflow-wrap:anywhere}
.movie-detail--compact>.detail-story{grid-column:2;grid-row:3;min-width:0}
.detail-story .movie-download-cta{margin:0 0 14px}
.detail-story h2{margin:0 0 8px;font:500 20px 'Space Grotesk',sans-serif}
.detail-story .synopsis{max-width:none;font-size:13px;line-height:1.65}
.detail-story .detail-credits{margin:14px 0 10px}
.detail-story .category-pills{gap:6px;margin-top:10px}
.detail-story .pill{max-width:100%;white-space:normal;overflow-wrap:anywhere}
.movie-recommendations{--recommendation-gap:6px;min-width:0;margin:12px 0 6px}
.compact-cast+.movie-recommendations{margin-top:8px}
.movie-recommendations>.section-header{gap:12px;margin:8px 0}
.movie-recommendations .section-header h2{margin:5px 0 0}
.movie-recommendations .section-header>a{flex:0 0 auto;font-size:12px}
.movie-recommendations-viewport{width:100%;min-width:0;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y}
.movie-recommendations-viewport::-webkit-scrollbar{display:none}
.movie-grid.movie-recommendations-track{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 5*var(--recommendation-gap))/6);gap:var(--recommendation-gap);width:100%;min-width:0}
.movie-recommendations-track>.movie-card{scroll-snap-align:start;scroll-snap-stop:always}
@media(max-width:950px) and (min-width:701px){
 .movie-detail.movie-detail--compact{grid-template-columns:180px minmax(0,1fr);gap:12px 20px;padding:16px}
}
@media(max-width:700px){
 .movie-detail.movie-detail--compact{grid-template-columns:minmax(92px,32%) minmax(0,1fr);gap:12px;padding:12px;margin:2px 0 8px}
 .movie-detail--compact>.detail-heading{grid-column:1/-1;grid-row:1}
 .detail-heading .eyebrow{font-size:9px;letter-spacing:1.5px}
 .detail-heading h1{margin:6px 0 0;font-size:23px;line-height:1.2;letter-spacing:-.4px}
 .movie-detail--compact>.detail-poster{grid-column:1;grid-row:2;width:100%;margin:0}
 .movie-detail--compact>.detail-content{grid-column:2;grid-row:2}
 .movie-detail--compact .detail-tags{gap:4px}
 .movie-detail--compact .detail-tags span{padding:4px 6px;font-size:11px;line-height:1.3}
 .movie-detail--compact .imdb-rating{gap:5px;margin-top:8px;padding:7px}
 .movie-detail--compact .imdb-rating-votes{font-size:10px}
 .movie-detail--compact .movie-facts{margin-top:9px}
 .movie-detail--compact .movie-facts>div{grid-template-columns:1fr;gap:3px;padding:6px 0;font-size:11px;line-height:1.4}
 .movie-detail--compact .movie-facts dd{line-height:1.45}
 .movie-detail--compact>.detail-story{grid-column:1/-1;grid-row:3}
 .detail-story .movie-download-cta{gap:7px;margin:0 0 14px}
 .detail-story .movie-download-cta .button{min-height:40px;padding:10px 12px;font-size:12px}
 .detail-story h2{font-size:18px;margin-bottom:7px}
 .detail-story .synopsis{font-size:13px;line-height:1.6}
 .movie-detail--compact .detail-credits>div{gap:4px;font-size:12px}
 .detail-story .category-pills{margin-top:8px}
 .detail-story .pill{padding:6px 8px;font-size:10px;line-height:1.35}
 .movie-recommendations{--recommendation-gap:3px;margin-top:10px}
 .compact-cast+.movie-recommendations{margin-top:6px}
 .movie-recommendations>.section-header{gap:8px;margin:6px 0}
 .movie-recommendations .section-header h2{font-size:22px;line-height:1.2}
 .movie-recommendations .section-header>a{font-size:10px}
 .movie-grid.movie-recommendations-track{grid-auto-columns:calc((100% - 2*var(--recommendation-gap))/3)}
}
@media(max-width:360px){
 .movie-detail.movie-detail--compact{padding:10px;gap:10px}
 .detail-heading h1{font-size:21px}
 .movie-detail--compact .detail-tags span{padding:4px 5px}
}

/* Genre and quality links share the existing compact metadata styling. */
.movie-detail--compact .detail-tags .detail-genre,.movie-detail--compact .detail-tags .detail-quality-filter{display:inline-flex;align-items:center;max-width:100%;padding:6px 9px;border-radius:5px;background:#171717;color:#c2c2c2;font-size:12px;line-height:1.35;overflow-wrap:anywhere}
.movie-detail--compact .detail-tags a:hover,.movie-detail--compact .detail-tags a:focus-visible{color:#fff;text-decoration:underline}
.movie-detail--compact .movie-facts:empty{display:none}
@media(max-width:700px){.movie-detail--compact .detail-tags .detail-genre,.movie-detail--compact .detail-tags .detail-quality-filter{padding:4px 6px;font-size:11px;line-height:1.3}}
@media(max-width:360px){.movie-detail--compact .detail-tags .detail-genre,.movie-detail--compact .detail-tags .detail-quality-filter{padding:4px 5px}}

/* Start the existing story directly after the release facts. */
.movie-detail.movie-detail--compact{grid-template-rows:auto auto 1fr;row-gap:0}
.movie-detail--compact>.detail-heading{margin-bottom:12px}
.movie-detail--compact>.detail-content,.movie-detail--compact>.detail-story{align-self:start}
@media(max-width:700px){.movie-detail--compact>.detail-poster{grid-row:2/4}.movie-detail--compact>.detail-story{grid-column:2;grid-row:3}}
@media(max-width:360px){.movie-detail--compact>.detail-heading{margin-bottom:10px}}

/* Metadata genre and quality controls use the existing site red. */
.movie-detail--compact .detail-tags .detail-genre,.movie-detail--compact .detail-tags .detail-quality-filter{background:#e50914;color:#fff;border:1px solid #ff3b43}
.movie-detail--compact .detail-tags .detail-genre:hover,.movie-detail--compact .detail-tags .detail-quality-filter:hover{background:#ff3038;color:#fff}

/* Keep the date value, without a visible label or reserved label column. */
.movie-detail--compact .movie-facts>div{display:block;padding-bottom:0;border-bottom:0}

/* Requested small centered story title and released spotlight space. */
.detail-heading h1{margin-top:0}
.detail-story h2.detail-story-heading{margin:0 0 4px;text-align:center;color:#a9a9a9;font:500 13px/1.25 'Space Grotesk',sans-serif;letter-spacing:.2px}
@media(max-width:700px){.detail-story h2.detail-story-heading{font-size:12px}}

/* Share the existing date row with its small Story heading. */
.movie-detail--compact .movie-facts dd.detail-date-story{display:grid;grid-template-columns:minmax(0,max-content) minmax(34px,1fr);gap:6px;align-items:center;min-width:0}
.detail-date-story>time{min-width:0;overflow-wrap:anywhere}
.detail-date-story>h2.detail-story-heading{min-width:0;margin:0;text-align:center;color:#a9a9a9;font:500 13px/1.25 'Space Grotesk',sans-serif;letter-spacing:.2px}
.movie-detail--compact>.detail-content:has(.detail-date-story)+.detail-story>.synopsis{margin-top:0}
@media(max-width:700px){.detail-date-story>h2.detail-story-heading{font-size:12px}}

/* Keep the approved phone layout; restore saved detail fields only on PC. */
.movie-detail.movie-detail--compact .detail-pc-only{display:none}
@media(min-width:701px){
 .movie-detail.movie-detail--compact{grid-template-columns:minmax(180px,240px) minmax(0,1fr);grid-template-rows:auto auto auto;gap:12px 26px;padding:20px;margin:6px 0 10px}
 .movie-detail--compact>.detail-heading{grid-column:2;grid-row:1;margin-bottom:0;align-self:auto}
 .detail-heading h1{margin:8px 0 2px}
 .movie-detail--compact>.detail-poster{grid-column:1;grid-row:1/4;width:100%;max-width:none;margin:0;align-self:start}
 .movie-detail--compact>.detail-content{grid-column:2;grid-row:2;align-self:auto}
 .movie-detail--compact>.detail-story{grid-column:2;grid-row:3;align-self:auto}
 .movie-detail.movie-detail--compact .detail-pc-only{display:block}
 .movie-detail--compact .detail-heading .eyebrow.detail-pc-only,.movie-detail--compact .movie-download-cta.detail-pc-only,.movie-detail--compact .category-pills.detail-pc-only{display:flex}
 .movie-detail--compact .detail-tags .detail-genre,.movie-detail--compact .detail-date-story>h2.detail-story-heading,.movie-detail--compact .detail-story>h2.detail-story-heading{display:none}
 .movie-detail--compact .detail-tags .detail-quality-filter,.movie-detail--compact .detail-tags .detail-quality-filter:hover{padding:7px 10px;border:0;background:#171717;color:#c2c2c2;font-size:12px;line-height:1.35}
 .movie-detail--compact .movie-facts{margin:12px 0 0}
 .movie-detail--compact .detail-content>.detail-pc-genres+.movie-facts{margin-top:0}
 .movie-detail--compact .movie-facts>div{display:grid;grid-template-columns:90px minmax(0,1fr);gap:10px;padding:8px 0;border-bottom:1px solid var(--line);font-size:12px}
 .movie-detail--compact .movie-facts dt.sr-only{position:static!important;width:auto!important;height:auto!important;padding:0!important;margin:0!important;overflow:visible!important;clip:auto!important;white-space:normal!important;border:0!important;clip-path:none}
 .movie-detail--compact .movie-facts dd.detail-date-story{display:block}
 .movie-detail--compact .detail-story>h2.detail-pc-story-title{margin:0 0 8px;color:inherit;text-align:left;font:500 20px 'Space Grotesk',sans-serif;letter-spacing:normal}
 .movie-detail--compact .detail-story>.synopsis,.movie-detail--compact>.detail-content:has(.detail-date-story)+.detail-story>.synopsis{margin-top:1em;margin-bottom:0;font-size:13px;line-height:1.65}
 .movie-detail--compact .detail-story .detail-credits{margin:14px 0 10px}
}
@media(min-width:701px) and (max-width:950px){.movie-detail.movie-detail--compact{grid-template-columns:180px minmax(0,1fr);gap:12px 20px;padding:16px}}