/* home-links.css — khối "Liên kết cơ quan, ban ngành" (module HTML 768, trang chủ) chạy ngang tự động (docs/module-news/68).
   Băng chuyền do js/home-links.js dựng (.hl-marquee > .hl-track > a > img). Thẻ trắng giống luật cũ trong portal.css.
   Chưa có JS (hoặc admin đang sửa trang): vẫn hiện lưới thẻ cũ do portal.css. ID-scope để thắng luật img/a của portal.css. */
#dnn_ctr768_HtmlModule_lblContent .hl-marquee {
    overflow: hidden;
    margin: 6px 0 0;
    padding: 10px 0 16px;
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent);
    mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent);
}
#dnn_ctr768_HtmlModule_lblContent .hl-track {
    display: flex;
    width: -webkit-max-content;
    width: max-content;
    animation: hlScroll var(--hl-dur, 32s) linear infinite;
    will-change: transform;
}
#dnn_ctr768_HtmlModule_lblContent .hl-marquee:hover .hl-track,
#dnn_ctr768_HtmlModule_lblContent .hl-marquee:focus-within .hl-track { animation-play-state: paused; }
@keyframes hlScroll { to { transform: translateX(-50%); } }

#dnn_ctr768_HtmlModule_lblContent .hl-track > a {
    flex: 0 0 250px;
    width: 250px;
    height: 105px;
    margin: 0 20px 0 0;
    padding: 12px 14px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.08);
    font-size: 0;
    transition: transform .25s ease, box-shadow .25s ease;
}
#dnn_ctr768_HtmlModule_lblContent .hl-track > a:hover,
#dnn_ctr768_HtmlModule_lblContent .hl-track > a:focus-visible {
    transform: translateY(-4px);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.14);
    outline: none;
}
#dnn_ctr768_HtmlModule_lblContent .hl-track > a:focus-visible { box-shadow: 0 0 0 3px rgba(19, 156, 208, .55), 0 10px 24px rgba(0, 0, 0, 0.14); }
/* Mọi logo cùng cỡ dù HTML ghi height/width/float khác nhau (ví dụ height:150px ở host) */
#dnn_ctr768_HtmlModule_lblContent .hl-track > a > img {
    display: block;
    width: 100% !important;
    height: 81px !important;
    max-height: none !important;
    float: none !important;
    margin: 0 !important;
    object-fit: contain;
    -webkit-user-drag: none;
}

@media (max-width: 575px) {
    #dnn_ctr768_HtmlModule_lblContent .hl-track > a { flex-basis: 210px; width: 210px; height: 92px; margin-right: 14px; padding: 10px 12px; }
    #dnn_ctr768_HtmlModule_lblContent .hl-track > a > img { height: 66px !important; }
}
/* Người dùng bật "giảm chuyển động": dừng chạy, cho kéo ngang bằng tay */
@media (prefers-reduced-motion: reduce) {
    #dnn_ctr768_HtmlModule_lblContent .hl-marquee { overflow-x: auto; -webkit-mask-image: none; mask-image: none; }
    #dnn_ctr768_HtmlModule_lblContent .hl-track { animation: none; }
}