/* Small screens retain the complete original MV. Cover copy disappears with
   the existing play handler, leaving the native video controls unobstructed. */
@media(max-width:768px){
 #echo-reader .RefInlineFilmFrame{width:100%;aspect-ratio:16/9;overflow:visible}
 #echo-reader .RefInlineFilmFrame>video{object-fit:contain;aspect-ratio:16/9;max-width:100%;background:#02060c}
 #echo-reader .RefFilmCover[hidden]{display:none!important;pointer-events:none}
 #echo-reader .RefFilmCover .RefFilmCaption{left:16px;right:16px;bottom:14px;gap:12px}
 #echo-reader .RefFilmCover .RefFilmCaption strong{font-size:clamp(16px,4.6vw,20px);line-height:1.4;flex-shrink:0}
 #echo-reader .RefFilmCover .RefFilmCaption>span{font-size:10px;line-height:1.6;max-width:100px}
 #echo-reader .RefFilmCover .RefFilmCaption small{font-size:9px;line-height:1.5;margin-top:3px;white-space:nowrap}
 #echo-reader .RefFilmCover .RefFilmPlay{width:48px;height:48px;top:32%}
 #echo-reader .RefInlineFilm>figcaption{font-size:11px;line-height:1.6;gap:6px 16px;flex-wrap:wrap;margin-top:14px}
 #echo-reader .RefOpeningFrame{aspect-ratio:16/9}
 #echo-reader .RefOpeningFrame>video{object-fit:contain}
 #echo-reader .RefOpeningCopy{left:5%;width:57%}
 #echo-reader .RefOpeningCopy p+p{font-size:12px;line-height:1.55;margin-top:10px}
 #echo-reader .RefOpening .RefVideoToggle{right:8px;bottom:8px;min-width:64px;min-height:44px;padding:8px 10px;gap:8px;font-size:10px;background:#071320bf}
 #echo-reader .RefOpening .RefVideoToggle:focus-visible{outline:2px solid #b9d7ff;outline-offset:2px}
 #echo-reader .RefOpening>figcaption{font-size:10px;line-height:1.6;overflow-wrap:anywhere}
}
/* A landscape phone keeps the full player and its controls within the space
   below navigation, rather than cropping the 16:9 film to a short strip. */
@media(max-height:500px) and (orientation:landscape) and (pointer:coarse){
 #echo-reader .RefInlineFilmFrame{width:min(100%,calc((100svh - 136px) * 16 / 9));margin-inline:auto}
 #echo-reader .RefFilmCover .RefFilmCaption{left:14px;right:14px;bottom:12px}
 #echo-reader .RefFilmCover .RefFilmCaption strong{font-size:16px;line-height:1.35}
 #echo-reader .RefFilmCover .RefFilmCaption>span{font-size:9px;line-height:1.5}
 #echo-reader .RefFilmCover .RefFilmCaption small{font-size:9px;margin-top:3px}
 #echo-reader .RefFilmCover .RefFilmPlay{width:44px;height:44px;top:31%}
 #echo-reader .RefInlineFilm>figcaption{font-size:10px;line-height:1.5;gap:8px;margin-top:10px}
}