/* TVUI layout 11~20 shared structural CSS. Scoped to new layouts only. */
body[class*="layout-1"],body.layout-20{--layout-pad:clamp(14px,2.2vw,28px)}
body.layout-11 .page-wrap,body.layout-12 .page-wrap,body.layout-13 .page-wrap,body.layout-14 .page-wrap,body.layout-15 .page-wrap,body.layout-16 .page-wrap,body.layout-17 .page-wrap,body.layout-18 .page-wrap,body.layout-19 .page-wrap,body.layout-20 .page-wrap{width:min(1400px,calc(100% - (var(--layout-pad) * 2)));max-width:1400px;margin-left:auto;margin-right:auto;padding-left:0!important;padding-right:0!important}
body.layout-11 .section-block,body.layout-12 .section-block,body.layout-13 .section-block,body.layout-14 .section-block,body.layout-15 .section-block,body.layout-16 .section-block,body.layout-17 .section-block,body.layout-18 .section-block,body.layout-19 .section-block,body.layout-20 .section-block{min-width:0;margin-bottom:42px}
body.layout-11 .card-grid,body.layout-12 .card-grid,body.layout-13 .card-grid,body.layout-14 .card-grid,body.layout-15 .card-grid,body.layout-16 .card-grid,body.layout-17 .card-grid,body.layout-18 .card-grid,body.layout-19 .card-grid,body.layout-20 .card-grid{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:16px!important;width:100%;align-items:start}
body.layout-11 .title-card,body.layout-12 .title-card,body.layout-13 .title-card,body.layout-14 .title-card,body.layout-15 .title-card,body.layout-16 .title-card,body.layout-17 .title-card,body.layout-18 .title-card,body.layout-19 .title-card,body.layout-20 .title-card{display:block!important;width:auto!important;max-width:none!important;min-width:0!important;overflow:hidden}
body.layout-11 .poster-wrap,body.layout-12 .poster-wrap,body.layout-13 .poster-wrap,body.layout-14 .poster-wrap,body.layout-15 .poster-wrap,body.layout-16 .poster-wrap,body.layout-17 .poster-wrap,body.layout-18 .poster-wrap,body.layout-19 .poster-wrap,body.layout-20 .poster-wrap{position:relative;width:100%!important;aspect-ratio:2/3!important;height:auto!important;overflow:hidden}
body.layout-11 .poster-wrap img,body.layout-12 .poster-wrap img,body.layout-13 .poster-wrap img,body.layout-14 .poster-wrap img,body.layout-15 .poster-wrap img,body.layout-16 .poster-wrap img,body.layout-17 .poster-wrap img,body.layout-18 .poster-wrap img,body.layout-19 .poster-wrap img,body.layout-20 .poster-wrap img{width:100%!important;height:100%!important;object-fit:cover!important}
body.layout-11 .land-grid,body.layout-12 .land-grid,body.layout-13 .land-grid,body.layout-14 .land-grid,body.layout-15 .land-grid,body.layout-16 .land-grid,body.layout-17 .land-grid,body.layout-18 .land-grid,body.layout-19 .land-grid,body.layout-20 .land-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
body.layout-11 .land-card,body.layout-12 .land-card,body.layout-13 .land-card,body.layout-14 .land-card,body.layout-15 .land-card,body.layout-16 .land-card,body.layout-17 .land-card,body.layout-18 .land-card,body.layout-19 .land-card,body.layout-20 .land-card{position:relative;display:block;min-width:0;aspect-ratio:16/9;overflow:hidden;border-radius:10px}
body.layout-11 .land-card img,body.layout-12 .land-card img,body.layout-13 .land-card img,body.layout-14 .land-card img,body.layout-15 .land-card img,body.layout-16 .land-card img,body.layout-17 .land-card img,body.layout-18 .land-card img,body.layout-19 .land-card img,body.layout-20 .land-card img{width:100%;height:100%;object-fit:cover}
body.layout-11 .layout-hero,body.layout-12 .layout-hero,body.layout-13 .layout-hero,body.layout-14 .layout-hero,body.layout-15 .layout-hero,body.layout-16 .layout-hero,body.layout-17 .layout-hero,body.layout-18 .layout-hero,body.layout-19 .layout-hero,body.layout-20 .layout-hero{position:relative;min-height:460px;background-image:linear-gradient(90deg,rgba(0,0,0,.88),rgba(0,0,0,.20)),var(--hero-image);background-size:cover;background-position:center;display:flex;align-items:flex-end;overflow:hidden}
body.layout-11 .layout-hero-content,body.layout-12 .layout-hero-content,body.layout-13 .layout-hero-content,body.layout-14 .layout-hero-content,body.layout-15 .layout-hero-content,body.layout-16 .layout-hero-content,body.layout-17 .layout-hero-content,body.layout-18 .layout-hero-content,body.layout-19 .layout-hero-content,body.layout-20 .layout-hero-content{position:relative;z-index:2;display:flex;align-items:flex-end;gap:24px;padding-top:50px!important;padding-bottom:42px!important}
body.layout-11 .layout-hero-poster,body.layout-12 .layout-hero-poster,body.layout-13 .layout-hero-poster,body.layout-14 .layout-hero-poster,body.layout-15 .layout-hero-poster,body.layout-16 .layout-hero-poster,body.layout-17 .layout-hero-poster,body.layout-18 .layout-hero-poster,body.layout-19 .layout-hero-poster,body.layout-20 .layout-hero-poster{width:150px;max-width:22vw;aspect-ratio:2/3;object-fit:cover;border-radius:10px;box-shadow:0 12px 35px rgba(0,0,0,.5);flex:0 0 auto}
body.layout-11 .layout-hero-copy,body.layout-12 .layout-hero-copy,body.layout-13 .layout-hero-copy,body.layout-14 .layout-hero-copy,body.layout-15 .layout-hero-copy,body.layout-16 .layout-hero-copy,body.layout-17 .layout-hero-copy,body.layout-18 .layout-hero-copy,body.layout-19 .layout-hero-copy,body.layout-20 .layout-hero-copy{max-width:720px;min-width:0;color:#fff}
body.layout-11 .layout-hero-copy h1,body.layout-12 .layout-hero-copy h1,body.layout-13 .layout-hero-copy h1,body.layout-14 .layout-hero-copy h1,body.layout-15 .layout-hero-copy h1,body.layout-16 .layout-hero-copy h1,body.layout-17 .layout-hero-copy h1,body.layout-18 .layout-hero-copy h1,body.layout-19 .layout-hero-copy h1,body.layout-20 .layout-hero-copy h1{font-size:clamp(28px,4vw,52px);line-height:1.12;margin:10px 0}
body.layout-11 .rank-list,body.layout-12 .rank-list,body.layout-13 .rank-list,body.layout-14 .rank-list,body.layout-15 .rank-list,body.layout-16 .rank-list,body.layout-17 .rank-list,body.layout-18 .rank-list,body.layout-19 .rank-list,body.layout-20 .rank-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
body.layout-11 .rank-list li,body.layout-12 .rank-list li,body.layout-13 .rank-list li,body.layout-14 .rank-list li,body.layout-15 .rank-list li,body.layout-16 .rank-list li,body.layout-17 .rank-list li,body.layout-18 .rank-list li,body.layout-19 .rank-list li,body.layout-20 .rank-list li{min-width:0}
body.layout-11 .rank-list a,body.layout-12 .rank-list a,body.layout-13 .rank-list a,body.layout-14 .rank-list a,body.layout-15 .rank-list a,body.layout-16 .rank-list a,body.layout-17 .rank-list a,body.layout-18 .rank-list a,body.layout-19 .rank-list a,body.layout-20 .rank-list a{display:flex;align-items:center;gap:9px;padding:9px;min-width:0}
body.layout-11 .rank-list img,body.layout-12 .rank-list img,body.layout-13 .rank-list img,body.layout-14 .rank-list img,body.layout-15 .rank-list img,body.layout-16 .rank-list img,body.layout-17 .rank-list img,body.layout-18 .rank-list img,body.layout-19 .rank-list img,body.layout-20 .rank-list img{width:44px;height:66px;object-fit:cover;flex:0 0 auto}
@media(max-width:1100px){body.layout-11 .card-grid,body.layout-12 .card-grid,body.layout-13 .card-grid,body.layout-14 .card-grid,body.layout-15 .card-grid,body.layout-16 .card-grid,body.layout-17 .card-grid,body.layout-18 .card-grid,body.layout-19 .card-grid,body.layout-20 .card-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}body.layout-11 .rank-list,body.layout-12 .rank-list,body.layout-13 .rank-list,body.layout-14 .rank-list,body.layout-15 .rank-list,body.layout-16 .rank-list,body.layout-17 .rank-list,body.layout-18 .rank-list,body.layout-19 .rank-list,body.layout-20 .rank-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){body.layout-11 .card-grid,body.layout-12 .card-grid,body.layout-13 .card-grid,body.layout-14 .card-grid,body.layout-15 .card-grid,body.layout-16 .card-grid,body.layout-17 .card-grid,body.layout-18 .card-grid,body.layout-19 .card-grid,body.layout-20 .card-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important}body.layout-11 .land-grid,body.layout-12 .land-grid,body.layout-13 .land-grid,body.layout-14 .land-grid,body.layout-15 .land-grid,body.layout-16 .land-grid,body.layout-17 .land-grid,body.layout-18 .land-grid,body.layout-19 .land-grid,body.layout-20 .land-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}body.layout-11 .layout-hero,body.layout-12 .layout-hero,body.layout-13 .layout-hero,body.layout-14 .layout-hero,body.layout-15 .layout-hero,body.layout-16 .layout-hero,body.layout-17 .layout-hero,body.layout-18 .layout-hero,body.layout-19 .layout-hero,body.layout-20 .layout-hero{min-height:390px}body.layout-11 .layout-hero-content,body.layout-12 .layout-hero-content,body.layout-13 .layout-hero-content,body.layout-14 .layout-hero-content,body.layout-15 .layout-hero-content,body.layout-16 .layout-hero-content,body.layout-17 .layout-hero-content,body.layout-18 .layout-hero-content,body.layout-19 .layout-hero-content,body.layout-20 .layout-hero-content{align-items:center;padding-bottom:28px!important}body.layout-11 .layout-hero-poster,body.layout-12 .layout-hero-poster,body.layout-13 .layout-hero-poster,body.layout-14 .layout-hero-poster,body.layout-15 .layout-hero-poster,body.layout-16 .layout-hero-poster,body.layout-17 .layout-hero-poster,body.layout-18 .layout-hero-poster,body.layout-19 .layout-hero-poster,body.layout-20 .layout-hero-poster{display:none}body.layout-11 .rank-list,body.layout-12 .rank-list,body.layout-13 .rank-list,body.layout-14 .rank-list,body.layout-15 .rank-list,body.layout-16 .rank-list,body.layout-17 .rank-list,body.layout-18 .rank-list,body.layout-19 .rank-list,body.layout-20 .rank-list{grid-template-columns:1fr}}