/* Layout families are selected from the existing persistent domain variant. */
[data-layout-family] main{min-width:0}
[data-layout-family] .film-card{min-width:0}
[data-layout-family] .film-card h3{overflow-wrap:anywhere}
[data-layout-family] .cs-card-record,[data-layout-family] .cs-card-caption{min-width:0}
.cs-editorial-columns{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,1fr);gap:48px;border-top:1px solid var(--line);margin-top:36px}
.cs-editorial-columns>.section{margin-top:24px}
.cs-home-intro{padding:40px 0 28px}
.cs-home-intro .hero-copy{max-width:none;text-align:left}
.cs-home-intro .hero-copy h1{font-size:15px}
.cs-home-intro .hero-statement{font-size:clamp(32px,4vw,52px);letter-spacing:-1px}
.cs-home-intro .hero-statement br{display:none}
.cs-home-intro .hero-description{margin:12px 0 18px}
.cs-home-intro .hero-note{display:none}
.cs-feature-stage{display:block!important;padding:0!important}
.cs-feature-stage .hero-feature{height:360px}
.cs-catalog-grid{display:grid;gap:30px;align-items:start;margin:24px 0 50px}
.cs-catalog-grid>.section{margin-top:0}
.cs-catalog-controls{min-width:0;border:1px solid var(--line);padding:20px;border-radius:12px;background:var(--white)}
.cs-catalog-controls .filter-panel{border:0;margin:0;padding:0;background:transparent}
.cs-catalog-controls .filter-row{display:block;padding:14px 0}
.cs-catalog-controls .filter-row>span{display:block;margin-bottom:10px}
.cs-catalog-controls .filter-row>div{display:flex;flex-wrap:wrap;gap:7px}
.cs-catalog-controls .filter-row a{padding:7px 10px;min-height:40px}
.cs-catalog-controls .filter-chips{display:flex;flex-direction:column;margin:0;border:0;padding:0}
.cs-catalog-controls .filter-chips a{padding:12px}
.cs-watch-desk,.cs-theater-board{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}
.cs-screen-column{min-width:0}
.cs-screen-column .watch-stage{margin:0}
.cs-episode-rail{border:1px solid var(--line);border-radius:12px;padding:18px;background:var(--white);min-width:0}
.cs-episode-rail .episodes{margin:0}
.cs-episode-rail h2{font-size:20px}
.cs-episode-rail .section-heading{display:block;margin-bottom:12px}
.cs-episode-rail .episode-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:460px;overflow:auto;padding:8px}
.cs-episode-rail .episode-group summary{padding:12px 4px}
.cs-episode-rail .muted{display:block;font-size:12px;margin-top:6px}

/* Library: persistent left navigation, catalog controls, record-style details. */
[data-layout-family=library]{--paper:#f1f3f4;--white:#fff;--ink:#172d32;--muted:#52656a;--accent:#1f6661;--line:#d4dee0}
.cs-library-frame{display:grid;grid-template-columns:230px minmax(0,1fr);max-width:1800px;margin:auto}
.cs-library-frame>.site-header{border:0;border-right:1px solid var(--line);background:#e4eceb}
.cs-library-frame .header-row{width:auto;margin:0;padding:32px 22px;min-height:0;display:flex;flex-direction:column;align-items:stretch;gap:32px;position:sticky;top:0}
.cs-library-frame .brand{font-size:20px;max-width:none}
.cs-library-frame .primary-nav{display:flex;flex-direction:column;width:100%;order:0;margin:0;border:0;gap:8px}
.cs-library-frame .primary-nav a{padding:13px 16px;border-radius:7px;background:#ffffff80}
.cs-library-frame .search{margin:0;min-width:0;width:100%;background:var(--white)}
.cs-library-frame main.shell{width:100%;padding:0 38px 48px;max-width:1340px}
[data-nav-layout="1"] .site-footer{margin-left:268px;width:calc(100% - 306px)}
[data-home-layout="1"] .cs-discovery-grid{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:20px}
[data-home-layout="1"] .category-strip{display:flex;flex-direction:column;margin:0;border:1px solid var(--line);border-radius:12px;overflow:hidden}
[data-home-layout="1"] .category-strip a{flex:1;padding:16px;display:flex;flex-wrap:wrap;align-items:center;gap:10px;border:0;border-bottom:1px solid var(--line)}
[data-home-layout="1"] .category-strip i{font-size:10px}
[data-card-layout="1"] .film-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
[data-card-layout="1"] .film-card{display:grid;grid-template-columns:85px minmax(0,1fr);gap:12px;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--white)}
[data-card-layout="1"] .film-card>.poster{grid-row:auto;aspect-ratio:2/3;margin:0}
[data-card-layout="1"] .film-card h3{font-size:15px;margin:0 0 8px}
[data-card-layout="1"] .film-card p{font-size:12px}
[data-collection-layout="1"] .cs-catalog-grid{grid-template-columns:220px minmax(0,1fr)}
[data-collection-layout="1"] .cs-catalog-grid .film-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.cs-record-heading{padding:32px 0;border-bottom:1px solid var(--line)}
.cs-record-heading .facts{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px}
.cs-record-heading h1{font-size:36px}
.cs-record-grid{display:grid;grid-template-columns:210px minmax(0,1fr);gap:32px;margin-top:30px}
.cs-record-poster .detail-poster{width:100%}
.cs-record-story .synopsis{margin-top:0}
.cs-record-story{min-width:0}
[data-play-layout="1"] .cs-watch-desk{grid-template-columns:minmax(0,1fr) 260px}

/* Theater: broad image stage, right-side selection and distinct caption cards. */
[data-layout-family=theater]{--paper:#10171d;--white:#1b252e;--ink:#edf1ed;--muted:#b5c0c5;--line:#34434d;--accent:#edbf76;color-scheme:dark}
[data-layout-family=theater] .site-header{background:#10171d}
[data-layout-family=theater] .primary-nav a,[data-layout-family=theater] .publish-date{color:#c3ced1}
[data-layout-family=theater] .search{background:#1b252e}
[data-layout-family=theater] .button{background:#edbf76;color:#172028}
[data-layout-family=theater] .button.secondary{background:transparent;color:var(--ink)}
[data-layout-family=theater] .brand-mark{color:#172028}
[data-layout-family=theater] .badge{background:#34434d;color:#edf1ed}
[data-home-layout="2"] .cs-home-intro .hero-copy{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:32px}
[data-home-layout="2"] .cs-home-intro .hero-copy>.eyebrow,[data-home-layout="2"] .cs-home-intro .hero-copy>h1{grid-column:1}
[data-home-layout="2"] .cs-home-intro .hero-statement{grid-column:1;font-size:48px}
[data-home-layout="2"] .cs-home-intro .button{grid-column:2;grid-row:2 / span 3;align-self:center}
[data-home-layout="2"] .cs-home-intro .hero-description{grid-column:1}
[data-home-layout="2"] .hero-feature{height:430px;border-radius:3px}
[data-card-layout="2"] .film-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}
[data-card-layout="2"] .film-card{display:block;background:transparent;border:0;padding:0}
[data-card-layout="2"] .poster{border-radius:3px;aspect-ratio:2/3}
[data-card-layout="2"] .cs-card-caption{border-left:2px solid var(--accent);padding-left:12px;margin-top:14px}
[data-card-layout="2"] .film-card h3{font-size:15px;margin:0 0 8px}
[data-collection-layout="2"] .cs-catalog-grid{grid-template-columns:minmax(0,1fr) 250px}
[data-collection-layout="2"] .cs-catalog-grid .film-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
[data-detail-layout="2"] .detail-hero{grid-template-columns:minmax(0,1fr) 260px;gap:64px;background:var(--white);padding:32px;margin-top:24px;border-radius:12px}
[data-detail-layout="2"] .detail-hero .detail-poster{width:100%}
.cs-detail-screen{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,1fr);gap:42px}
[data-layout-family=theater] .synopsis .detail-hero{grid-template-columns:140px minmax(0,1fr);gap:24px}
[data-layout-family=theater] .episode-group,[data-layout-family=theater] .editorial-banner{background:#1b252e;color:var(--ink)}
[data-layout-family=theater] .filter-row a.selected,[data-layout-family=theater] .filter-chips a.selected{color:#172028;background:var(--accent)}
[data-layout-family=theater] .episode-list a.selected{background:var(--accent);color:#172028;border-color:var(--accent)}

@media(max-width:1150px){
 .cs-library-frame{grid-template-columns:190px minmax(0,1fr)}
 .cs-library-frame main.shell{padding:0 24px 32px}
 [data-nav-layout="1"] .site-footer{margin-left:214px;width:calc(100% - 238px)}
 [data-card-layout="1"] .film-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .cs-watch-desk,.cs-theater-board,[data-play-layout="1"] .cs-watch-desk{grid-template-columns:minmax(0,1fr)}
 .cs-episode-rail .episode-list{grid-template-columns:repeat(5,minmax(0,1fr));max-height:260px}
 [data-card-layout="2"] .film-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
 [data-collection-layout="2"] .cs-catalog-grid .film-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:800px){
 .cs-library-frame{display:block}
 .cs-library-frame .header-row{position:static;padding:20px;flex-direction:row;flex-wrap:wrap;gap:16px}
 .cs-library-frame .brand{max-width:55%}
 .cs-library-frame .search{width:40%;margin-left:auto}
 .cs-library-frame .primary-nav{flex-direction:row;order:3;justify-content:space-between;gap:4px}
 .cs-library-frame .primary-nav a{padding:10px 8px}
 [data-nav-layout="1"] .site-footer{margin:0 auto;width:calc(100% - 40px)}
 .cs-catalog-grid,[data-collection-layout="1"] .cs-catalog-grid,[data-collection-layout="2"] .cs-catalog-grid{display:flex;flex-direction:column}
 .cs-catalog-grid>*{width:100%}
 .cs-catalog-controls{order:-1}
 .cs-catalog-controls .filter-chips{flex-direction:row;flex-wrap:wrap}
 .cs-editorial-columns,.cs-detail-screen{grid-template-columns:1fr;gap:8px}
 [data-detail-layout="2"] .detail-hero{grid-template-columns:minmax(0,1fr) 180px;gap:24px;padding:20px}
}
@media(max-width:520px){
 [data-layout-family] .shell{width:calc(100% - 32px)}
 .cs-library-frame main.shell{width:100%;padding:0 16px 30px}
 [data-home-layout="1"] .cs-discovery-grid{grid-template-columns:1fr}
 [data-home-layout="1"] .category-strip{display:grid;grid-template-columns:1fr 1fr}
 [data-card-layout="1"] .film-grid,[data-collection-layout="1"] .cs-catalog-grid .film-grid{grid-template-columns:1fr}
 .cs-home-intro{padding:28px 0 20px}
 [data-home-layout="2"] .cs-home-intro .hero-copy{display:block}
 [data-home-layout="2"] .cs-home-intro .hero-statement{font-size:34px}
 .cs-feature-stage .hero-feature,[data-home-layout="2"] .hero-feature{height:290px}
 [data-card-layout="2"] .film-grid,[data-collection-layout="2"] .cs-catalog-grid .film-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .cs-record-grid{grid-template-columns:1fr}
 .cs-record-poster{max-width:180px}
 .cs-record-heading .facts{grid-template-columns:1fr}
 [data-detail-layout="2"] .detail-hero{display:flex;flex-direction:column}
 [data-detail-layout="2"] .detail-hero .detail-poster{max-width:180px}
 .cs-episode-rail .episode-list{grid-template-columns:repeat(3,minmax(0,1fr))}
 .cs-record-heading h1{font-size:28px}
}

/* Independent structural components; the persisted composition selects each. */
[data-nav-layout="0"] .header-row{flex-wrap:nowrap;padding-top:0}
[data-nav-layout="0"] .primary-nav{width:auto;order:0;border:0;margin-left:12px;justify-content:flex-start}
.cs-nav-band{border-top:1px solid var(--line);background:var(--white);padding:0 32px}
.cs-nav-band .primary-nav{max-width:1160px;margin:auto;justify-content:space-around;width:100%;border:0}
[data-nav-layout="2"] .header-row{min-height:90px;padding-top:0;flex-wrap:nowrap}
[data-nav-layout="2"] .search{margin-left:auto}
[data-home-layout="0"] .hero{grid-template-columns:1fr 1.08fr;gap:48px}
[data-home-layout="0"] .hero-copy{text-align:left;margin:0}
[data-home-layout="0"] .hero-statement br{display:block}
[data-home-layout="0"] .hero-feature{height:410px}
[data-card-layout="0"] .film-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}
[data-card-layout="0"] .film-card{display:block;padding:0;background:transparent;border:0}
[data-card-layout="0"] .film-card h3{font-size:15px;margin:12px 0 5px}
.cs-card-feature{height:100%}
.cs-watch-desk,[data-play-layout="1"] .cs-watch-desk{grid-template-columns:260px minmax(0,1fr)}
[data-layout-family=theater] .cs-library-frame>.site-header{background:#17232a}
[data-layout-family=theater] .cs-library-frame .primary-nav a{background:#24343e}
[data-layout-family=theater] .cs-library-frame .search{background:#24343e}
[data-layout-family=theater] .cs-card-record{color:var(--ink)}
[data-nav-layout="1"] .film-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
[data-card-layout="1"] .cs-catalog-grid .film-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
[data-card-layout="0"] .cs-catalog-grid .film-grid,[data-card-layout="2"] .cs-catalog-grid .film-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1150px){
 [data-card-layout="0"] .film-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
 .cs-watch-desk,[data-play-layout="1"] .cs-watch-desk{grid-template-columns:1fr}
 [data-card-layout="0"] .cs-catalog-grid .film-grid,[data-card-layout="2"] .cs-catalog-grid .film-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:800px){
 [data-nav-layout="0"] .header-row{flex-wrap:wrap;padding-top:20px}
 [data-nav-layout="0"] .primary-nav{order:3;width:100%;justify-content:space-between;margin:0}
 [data-home-layout="0"] .hero{grid-template-columns:1fr;gap:24px}
 [data-nav-layout="1"] .film-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:520px){
 [data-card-layout="0"] .film-grid,[data-nav-layout="1"] .film-grid,[data-card-layout="0"] .cs-catalog-grid .film-grid,[data-card-layout="2"] .cs-catalog-grid .film-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 [data-card-layout="1"] .film-grid,[data-card-layout="1"] .cs-catalog-grid .film-grid{grid-template-columns:1fr}
 [data-home-layout="0"] .hero-feature{height:290px}
 .cs-nav-band{padding:0 16px}
}
