/* The introduction belongs to all video/SNS content; only YouTube is framed. */
#home-view #movie.movie-section{display:block;background:none;border:0;border-radius:0;padding:0;margin-top:var(--section-gap)}
#home-view #movie .movie-intro{display:grid;grid-template-columns:.9fr 1.25fr;gap:0 44px;align-items:end;min-width:0;padding:0;margin-bottom:30px}
#home-view #movie .movie-intro .section-kicker{grid-column:1/-1;color:var(--deep);margin-bottom:18px}
#home-view #movie .movie-intro .section-kicker:before{background:var(--brand)}
#home-view #movie .movie-heading-frame{padding:0;max-width:none;background:none;border:0;box-shadow:none}
#home-view #movie .movie-heading-frame:before,#home-view #movie .movie-heading-frame:after{display:none;content:none}
#home-view #movie .movie-intro h2{font-size:30px;line-height:1.65}
#home-view #movie .movie-intro .body-copy{margin:0;padding-bottom:4px}
#home-view #movie .youtube-channel-card{display:grid;grid-template-columns:.9fr 1.25fr;gap:44px;align-items:center;background:#fff8f4;border:1px solid #e8c9c9;border-top:4px solid #851b2c;border-radius:22px;padding:32px 36px}
#home-view #movie .youtube-channel-info,#home-view #movie .movie-feature{min-width:0}
#home-view #movie .channel-name{display:flex;align-items:center;gap:18px;max-width:100%;width:max-content;margin:0;color:#3e2427}
#home-view #movie .channel-name>.tomosu-channel-logo{display:block;width:180px;height:auto;max-width:52%;object-fit:contain;filter:none;flex-shrink:0}
#home-view #movie .channel-name strong{font-size:15px;line-height:1.7}
#home-view #movie .channel-name:hover strong{text-decoration:underline;text-underline-offset:4px}
#home-view #movie .movie-art{border-radius:14px;overflow:hidden}
#home-view #movie a:focus-visible,#home-view #movie button:focus-visible{outline:3px solid #851b2c;outline-offset:4px}
@media(min-width:901px) and (max-width:1100px){
 #home-view #movie .movie-intro{column-gap:30px}
 #home-view #movie .youtube-channel-card{padding:30px 28px;gap:30px}
 #home-view #movie .movie-intro h2{font-size:27px}
 #home-view #movie .channel-name{gap:12px}
 #home-view #movie .channel-name>.tomosu-channel-logo{width:140px}
 #home-view #movie .channel-name strong{font-size:14px}
}
@media(max-width:900px){
 #home-view #movie .movie-intro{display:block;margin-bottom:26px}
 #home-view #movie .movie-intro .body-copy{margin-top:16px;padding:0}
 #home-view #movie .movie-intro h2{font-size:28px}
 #home-view #movie .youtube-channel-card{display:flex;flex-direction:column;align-items:stretch;gap:26px;padding:28px;border-radius:20px}
}
@media(max-width:700px){
 #home-view #movie .movie-intro{margin-bottom:24px}
 #home-view #movie .movie-intro .section-kicker{margin-bottom:16px}
 #home-view #movie .movie-intro h2{font-size:26px}
 #home-view #movie .movie-intro .body-copy{font-size:13px;line-height:1.9}
 #home-view #movie .youtube-channel-card{padding:23px 22px 24px;gap:25px;border-radius:18px}
 #home-view #movie .channel-name{gap:14px}
 #home-view #movie .channel-name>.tomosu-channel-logo{width:136px}
 #home-view #movie .channel-name strong{font-size:14px}
 #home-view #movie .movie-art{border-radius:12px}
 #home-view #movie .movie-art-copy{top:28px;left:14px}
 #home-view #movie .movie-art-copy>span{display:block;width:max-content;max-width:100%;font-size:7px;line-height:1.4;padding:2px 5px}
 #home-view #movie .movie-art-copy strong{font-size:clamp(15px,4.6vw,18px);line-height:1.4;margin-top:8px}
 #home-view #movie .movie-tabs{gap:8px;flex-wrap:wrap}
 #home-view #movie .movie-tabs button{font-size:11px;padding-inline:10px}
}
@media(max-width:370px){
 #home-view #movie .youtube-channel-card{padding-inline:18px}
 #home-view #movie .movie-intro h2{font-size:25px}
 #home-view #movie .channel-name>.tomosu-channel-logo{width:124px}
}

/* Unabridged captions remain below the card; long automatic artwork uses three lines. */
#home-view #movie #movie-art-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;overflow-wrap:anywhere}
#home-view #movie #movie-art-title.is-auto{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;white-space:pre-line;overflow-wrap:anywhere;line-height:1.4;max-width:12em}
#home-view #movie .movie-art-copy{max-width:53%}
#home-view #movie .movie-caption>div{min-width:0}
#home-view #movie #movie-caption-title{overflow-wrap:anywhere}
#home-view #movie .movie-tabs button{max-width:100%;overflow-wrap:anywhere;white-space:normal}
#home-view #movie .movie-tabs{flex-wrap:wrap}
#home-view #movie .youtube-channel-card[hidden],#home-view #movie .movie-tabs[hidden],#home-view #movie #movie-report[hidden]{display:none!important}

/* Keep the original artwork available until a real thumbnail has loaded. */
#home-view #movie .movie-thumbnail{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;z-index:1}
#home-view #movie .has-thumbnail .movie-art-top,#home-view #movie .has-thumbnail .movie-art-copy,#home-view #movie .has-thumbnail .movie-person{display:none}
#home-view #movie .has-thumbnail:before,#home-view #movie .has-thumbnail:after{display:none}
#home-view #movie .has-thumbnail .play-disc{left:50%;top:50%;transform:translate(-50%,-50%);width:50px;height:50px;background:#171717c9;color:#fff;box-shadow:0 2px 12px #0003}
#home-view #movie .has-thumbnail .play-disc .icon{fill:#fff}
#home-view #movie .has-thumbnail .movie-watch{left:auto;right:10px;bottom:10px;height:28px;gap:12px;padding-inline:12px;border-radius:7px;background:#171717e8;color:#fff;font-size:10px}
#home-view #movie .movie-tabs button{min-height:40px}
@media(max-width:700px){
 #home-view #movie .has-thumbnail .play-disc{width:42px;height:42px}
 #home-view #movie .has-thumbnail .movie-watch{right:6px;bottom:6px;height:24px;font-size:9px;padding-inline:9px;gap:8px}
}
