/* Long Vietnamese video titles must determine the height of each playlist row. */
.bavesu-media-detail .tai-Ch-video_play {
    height: auto;
    aspect-ratio: 16 / 9;
    margin-top: 24px;
    overflow: hidden;
    border-radius: 12px;
    background: #102b3c;
}
.bavesu-media-detail .tai-Ch-video_play > a { display: block; width: 100%; height: 100%; }
.bavesu-media-detail .tai-Ch-video_play img.tai-Ch-img { width: 100%; max-width: 100%; height: 100%; object-fit: cover; }
.bavesu-media-detail .tai-Ch-video_play img.tai-Ch-play { width: 64px; height: 64px; object-fit: contain; }
.bavesu-media-detail .bavesu-playlist { display: grid; gap: 10px; margin: 26px 0 24px; }
.bavesu-media-detail .bavesu-playlist h2 { margin: 0 0 4px; font-size: 19px; font-weight: 700; line-height: 1.4; color: #102e43; }
.bavesu-media-detail .bavesu-playlist .bavesu-media-item {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) 32px;
    align-items: center;
    gap: 14px;
    width: 100%;
    height: auto;
    min-height: 72px;
    margin: 0;
    padding: 15px 16px;
    border: 1px solid #dce7ec;
    border-radius: 10px;
    background: #f7fafb;
    color: #18364a;
    text-decoration: none;
    white-space: normal;
    line-height: 1.65;
    transition: background-color .15s, border-color .15s;
}
.bavesu-media-detail .bavesu-media-item > span { float: none; margin: 0; min-width: 0; height: auto; font-size: 14px; line-height: 1.65; }
.bavesu-media-detail .bavesu-media-item .bavesu-media-number,
.bavesu-media-detail .bavesu-media-item .bavesu-media-action { display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 8px; background: #e7f2ed; color: #007b60; font-size: 12px; font-weight: 700; line-height: 1; }
.bavesu-media-detail .bavesu-media-item .bavesu-media-title { display: block; font-size: 14px; font-weight: 500; overflow-wrap: anywhere; white-space: normal; }
.bavesu-media-detail .bavesu-media-item .bavesu-media-action { border-radius: 50%; background: #008363; color: #fff; font-size: 10px; }
.bavesu-media-detail .bavesu-playlist .bavesu-media-item:hover { border-color: #a6cbb8; background: #edf7f1; color: #005d49; }
.bavesu-media-detail .bavesu-media-item:focus-visible,
.bavesu-media-detail .tai-Ch-news_detail_page a:focus-visible { outline: 3px solid #93c9b4; outline-offset: 3px; }
.bavesu-media-detail .tai-Ch-detail_tags { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0; padding: 20px 0 0; border-top: 1px solid #e2ebef; overflow: visible; }
.bavesu-media-detail .tai-Ch-detail_tags > span { float: none; height: auto; line-height: 1.5; margin: 0 4px 0 0; color: #687f8e; font-size: 12px; }
.bavesu-media-detail .tai-Ch-detail_tags > a { display: block; float: none; width: auto; max-width: 100%; height: auto; margin: 0; padding: 5px 10px; border: 1px solid #dde8eb; border-radius: 6px; background: #f2f7f8; font-size: 12px; line-height: 1.6; color: #436274; white-space: normal; overflow-wrap: anywhere; }
.bavesu-media-detail .tai-Ch-news_detail_page { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; height: auto; margin: 24px 0 30px; padding: 0; border: 0; background: transparent; }
.bavesu-media-detail .tai-Ch-news_detail_page > p { margin: 0; height: auto; padding: 18px; background: #fff; border: 1px solid #dce7ec; border-radius: 12px; line-height: 1.65; }
.bavesu-media-detail .bavesu-media-nav-label { display: block; margin-bottom: 8px; color: #67808e; font-size: 12px; line-height: 1.5; }
.bavesu-media-detail .tai-Ch-news_detail_page > p:first-child .bavesu-media-nav-label:before { content: "← "; }
.bavesu-media-detail .tai-Ch-news_detail_page > p:last-child .bavesu-media-nav-label:after { content: " →"; }
.bavesu-media-detail .tai-Ch-news_detail_page a { display: block; color: #18364a; font-size: 14px; font-weight: 500; line-height: 1.65; overflow-wrap: anywhere; white-space: normal; }
.bavesu-media-detail .tai-Ch-news_detail_page a:hover { color: #008363; }
@media (max-width: 767px) {
    .bavesu-media-detail .bavesu-playlist { margin-top: 20px; gap: 9px; }
    .bavesu-media-detail .bavesu-playlist h2 { font-size: 17px; }
    .bavesu-media-detail .bavesu-playlist .bavesu-media-item { grid-template-columns: 26px minmax(0, 1fr) 26px; gap: 9px; padding: 13px 11px; }
    .bavesu-media-detail .bavesu-media-item .bavesu-media-number,
    .bavesu-media-detail .bavesu-media-item .bavesu-media-action { width: 26px; height: 26px; }
    .bavesu-media-detail .bavesu-media-item .bavesu-media-title { font-size: 13px; }
    .bavesu-media-detail .tai-Ch-video_play { margin-top: 18px; border-radius: 9px; }
    .bavesu-media-detail .tai-Ch-video_play img.tai-Ch-play { width: 48px; height: 48px; }
    .bavesu-media-detail .tai-Ch-news_detail_page { grid-template-columns: minmax(0, 1fr); gap: 10px; margin-top: 18px; }
    .bavesu-media-detail .tai-Ch-news_detail_page > p { padding: 15px; }
}