/* V72: canh khung trang chi tiet theo mockup va co lap khoi CSS cu. */
.news-detail-v71 {
    width: min(1440px, calc(100% - 48px));
    margin-right: auto;
    margin-left: auto;
    padding-top: 34px;
}
.news-detail-v71 button,
.news-detail-v71 input { font-family: inherit; }
.news-detail-v71 a:focus-visible,
.news-detail-v71 button:focus-visible,
.news-detail-v71 input:focus-visible {
    outline: 3px solid #d5aa45;
    outline-offset: 2px;
}
.news-detail-v71 .news-detail-main,
.news-detail-v71 .news-detail-sidebar { min-width: 0; }
.news-detail-v71 .news-detail-cover img { aspect-ratio: 920 / 560; }
.news-detail-v71 .news-detail-content iframe,
.news-detail-v71 .news-detail-content video {
    display: block;
    width: 100%;
    max-width: 100%;
    aspect-ratio: 16 / 9;
    height: auto;
}
.news-detail-v71 .news-detail-content ul,
.news-detail-v71 .news-detail-content ol { padding-left: 24px; }
.news-detail-v71 .news-detail-content li { margin-bottom: 7px; }
.news-detail-v71 .news-detail-content h2,
.news-detail-v71 .news-detail-content h3 { scroll-margin-top: 92px; }
.news-detail-v71 .news-detail-toc[hidden] { display: none !important; }
.news-detail-v71 .news-detail-toc a.is-active {
    color: #df2926;
    font-weight: 700;
}
.news-detail-v71 .detail-category-tree summary { cursor: pointer; }
.news-detail-v71 .detail-category-tree summary > a { min-width: 0; }
.news-detail-v71 .detail-category-tree summary > a span { overflow-wrap: anywhere; }
.news-detail-v71 .detail-popular article:last-child { border-bottom: 0; }

@media (max-width: 991px) {
    .news-detail-v71 { width: calc(100% - 32px); }
}
@media (max-width: 767px) {
    .news-detail-v71 {
        width: calc(100% - 24px);
        padding-top: 20px;
    }
    .news-detail-v71 .news-detail-header h1 {
        overflow-wrap: anywhere;
        font-size: clamp(27px, 8vw, 32px);
    }
    .news-detail-v71 .news-detail-meta span,
    .news-detail-v71 .news-detail-meta time { display: inline-flex; align-items: center; }
    .news-detail-v71 .news-detail-toc { padding: 13px; }
    .news-detail-v71 .news-detail-toc ol { padding-left: 20px; }
    .news-detail-v71 .news-detail-content { overflow-x: hidden; }
    .news-detail-v71 .news-detail-content table { width: max-content; min-width: 100%; }
    .news-detail-v71 .news-detail-related article { flex-basis: min(82%, 310px); }
}
@media (max-width: 420px) {
    .news-detail-v71 .news-detail-meta { flex-direction: column; align-items: flex-start; }
    .news-detail-v71 .news-detail-gallery { grid-template-columns: 1fr; }
    .news-detail-v71 .news-detail-gallery img { height: auto; aspect-ratio: 4 / 3; }
    .news-detail-v71 .news-detail-author { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
    .news-detail-v71 *, .news-detail-v71 *::before, .news-detail-v71 *::after {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
    }
}
