/* v2.3 device-safe video aspect and centered detail */
.detail{width:100%;max-width:1280px;margin-inline:auto}
.detailgrid{width:100%;grid-template-columns:minmax(0,1fr) minmax(220px,290px);align-items:start}
.detailgrid>div,.detailgrid aside{min-width:0}
.detail .player{width:100%;max-width:100%;aspect-ratio:16/9;height:auto;min-height:0;max-height:none;margin-inline:auto;overflow:hidden}
.detail .player.vivid-portrait{aspect-ratio:9/16;max-width:min(100%,460px)}
.detail .player .video-js{position:absolute!important;inset:0!important;width:100%!important;height:100%!important}
.detail .player .vjs-tech{object-fit:contain!important}
.detail .vivid-comments{width:100%;max-width:100%;margin:28px 0 0}
@media(max-width:800px){
  .detail{padding:24px 12px 44px!important}
  .detailgrid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:22px!important}
  .detail .player{aspect-ratio:16/9;max-height:none!important}
  .detail .player.vivid-portrait{width:min(100%,calc(78dvh * 9 / 16))!important;max-width:100%!important;aspect-ratio:9/16!important}
  .detail h1{font-size:clamp(27px,7vw,40px)!important;line-height:1.13!important;letter-spacing:-.5px!important;overflow-wrap:anywhere}
  .detail .episodes{max-height:260px!important}
  .detail .vivid-comments{margin-top:22px!important}
  .detail .player.vivid-pseudo-fullscreen{width:100vw!important;max-width:none!important;max-height:none!important;aspect-ratio:auto!important}
}