/* YouTube風レスポンシブレイアウト - プレーヤーとコメント欄の配置 */
/* メインコンテナの調整 */
.main-content-wrapper {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    padding: 0 !important;
    box-sizing: border-box;
}

/* プレーヤーとコメントの基本レイアウト */
.player-comments-container {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 0px;
    margin-top: 0;
}

/* モバイル縦向き専用：完全に余白なし */
.video-player-area,
.youtube-comments-wrapper {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
}

/* プレーヤーの16:9比率維持 */
.video-aspect-ratio {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%; /* 16:9 aspect ratio */
    background: #000;
}

.video-aspect-ratio > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}