/* TNVN adaptive layout 2.6.7: viewport aware, never force HDMI modes. */
:root{--tm-vh:100dvh;--tm-vw:100vw;--tm-ui-scale:1;--tm-safe-bottom:0px;}
body{overflow-x:hidden!important}
.hero,.hero-content{min-width:0!important;box-sizing:border-box!important}
.hero-content{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
.hero-content .record-wrap{--vinyl-base: min(calc(var(--tm-vw) * .38), calc(var(--tm-vh) * .55), 540px)!important;width:var(--vinyl-base)!important;max-width:100%!important;max-height:var(--vinyl-base)!important;aspect-ratio:1!important;margin-inline:auto!important;flex-shrink:1!important}
.hero-content .record-wrap .record{width:100%!important;height:100%!important}
.tmusic-video-dock.in-page,.tm-music-video-dock.in-page{max-width:min(calc(var(--tm-vw) - var(--tm-sidebar-width, 160px) - 36px),1200px)!important;max-height:calc(var(--tm-vh) - var(--tm-media-reserve,250px))!important;aspect-ratio:16 / 9!important;height:auto!important;overflow:hidden!important;margin-inline:auto!important}
.tmusic-video-dock.in-page iframe,.tm-music-video-dock.in-page iframe{height:100%!important;width:100%!important}
.hero .hero-progress,.hero .hero-transport{max-width:min(100%,900px)!important;margin-inline:auto!important}
.tm-info-toolbar{border-radius:5px!important;max-width:100%!important;min-width:0!important}
@media (max-width:800px){
 :root{--tm-media-reserve:290px;--tm-sidebar-width:0px}
 .hero-content .record-wrap{--vinyl-base:min(calc(var(--tm-vw) * .77),calc(var(--tm-vh) * .42),390px)!important}
 .tmusic-video-dock.in-page,.tm-music-video-dock.in-page{width:calc(100vw - 24px)!important;max-width:100%!important;max-height:calc(var(--tm-vh) - 290px)!important}
 .hero-tabs{width:calc(100% - 16px)!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important;flex-wrap:nowrap!important;overflow:hidden!important}
 .hero-tabs button{flex:1 1 0!important;min-width:0!important;text-overflow:ellipsis!important;white-space:nowrap!important;overflow:hidden!important}
}
@media (orientation:landscape) and (max-height:600px){
 :root{--tm-media-reserve:165px}
 .hero-content .record-wrap{--vinyl-base:min(36vw,calc(var(--tm-vh) - 160px),330px)!important}
 .tmusic-video-dock.in-page,.tm-music-video-dock.in-page{max-height:calc(var(--tm-vh) - 160px)!important;width:min(calc((var(--tm-vh) - 160px)*16/9),calc(100% - 20px))!important}
 .hero-content{gap:4px!important;padding-top:4px!important;padding-bottom:4px!important}
}
@media (min-width:801px) and (max-height:740px){
 :root{--tm-media-reserve:185px}
 .hero-content .record-wrap{--vinyl-base:min(38vw,calc(var(--tm-vh) - 195px),450px)!important}
 .tmusic-video-dock.in-page,.tm-music-video-dock.in-page{width:min(calc((var(--tm-vh) - 185px)*16/9),calc(100% - 30px))!important}
}
@media (prefers-reduced-motion:reduce){.record,.tm-vinyl-seek-ring{animation:none!important}}