.dc-hhn,
.dc-hhn * {
    box-sizing: border-box;
}

.dc-hhn {
    width: 100%;
    overflow: clip;
}

.dc-hhn__inner {
    width: 100%;
    margin-inline: auto;
    min-width: 0;
}

.dc-hhn__header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 32px;
    min-width: 0;
}

.dc-hhn__heading-group {
    min-width: 0;
}

.dc-hhn__eyebrow-wrap {
    display: flex;
    align-items: center;
    min-width: 0;
}

.dc-hhn__eyebrow-line {
    display: block;
    height: 1px;
    flex: 0 0 auto;
}

.dc-hhn__eyebrow,
.dc-hhn__title {
    margin: 0;
    padding: 0;
}

.dc-hhn__title {
    overflow-wrap: anywhere;
}

.dc-hhn .dc-hhn__view-all,
.dc-hhn .dc-hhn__view-all:hover,
.dc-hhn .dc-hhn__view-all:focus,
.dc-hhn .dc-hhn__view-all:focus-visible,
.dc-hhn .dc-hhn__view-all:active {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    flex: 0 0 auto;
    text-decoration: none;
    line-height: 1.2;
    transition: color .25s ease, background-color .25s ease, border-color .25s ease, transform .25s ease;
}

.dc-hhn .dc-hhn__view-all:focus-visible,
.dc-hhn-card a:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 3px;
}

.dc-hhn__grid {
    display: grid;
    min-width: 0;
}

.dc-hhn-card {
    min-width: 0;
    max-width: 100%;
}

.dc-hhn-card__media {
    display: block;
    width: 100%;
    position: relative;
    overflow: hidden;
    background: #edf1f5;
}

.dc-hhn-card__image,
.elementor .dc-hhn-card__image {
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
    object-position: center;
    transition: transform .55s cubic-bezier(.2,.65,.25,1);
    transform: scale(1);
}

.dc-hhn-card:hover .dc-hhn-card__image,
.dc-hhn-card:focus-within .dc-hhn-card__image {
    transform: scale(var(--dc-hhn-image-zoom, 1.04));
}

.dc-hhn-card__placeholder {
    display: block;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg,#eef2f7,#dfe7f0);
}

.dc-hhn-card__date {
    display: flex;
    align-items: center;
    gap: 9px;
    min-width: 0;
}

.dc-hhn-card__date time {
    min-width: 0;
    overflow-wrap: anywhere;
}

.dc-hhn-card__date-icon,
.dc-hhn-card__more-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}

.dc-hhn-card__date-icon svg,
.dc-hhn-card__more-icon svg {
    display: block;
    fill: currentColor;
}

.dc-hhn-card__title,
.dc-hhn-card__title > a {
    margin: 0;
    padding: 0;
    text-decoration: none;
    overflow-wrap: anywhere;
    transition: color .25s ease;
}

.dc-hhn-card__more,
.dc-hhn-card__more:hover,
.dc-hhn-card__more:focus,
.dc-hhn-card__more:focus-visible,
.dc-hhn-card__more:active {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    min-height: 44px;
    text-decoration: none;
    transition: color .25s ease;
}

.dc-hhn-card__more-icon {
    transition: transform .25s ease, color .25s ease;
}

.dc-hhn-card:hover .dc-hhn-card__more-icon,
.dc-hhn-card:focus-within .dc-hhn-card__more-icon {
    transform: translateX(4px);
}

.dc-hhn__empty {
    padding: 24px 0;
}

/* Entrance motion: CSS start-state exists from first paint. A short CSS failsafe prevents permanent hidden content. */
.dc-hhn--animate [data-dc-hhn-item] {
    opacity: 0;
    transform: translate3d(0,var(--dc-hhn-distance,24px),0);
    transition-property: opacity, transform;
    transition-duration: var(--dc-hhn-duration,650ms);
    transition-timing-function: cubic-bezier(.2,.65,.25,1);
    animation: dc-hhn-failsafe 0s linear 2.8s forwards;
}

.dc-hhn--fade-left [data-dc-hhn-item] {
    transform: translate3d(var(--dc-hhn-distance,24px),0,0);
}

.dc-hhn--fade-right [data-dc-hhn-item] {
    transform: translate3d(calc(var(--dc-hhn-distance,24px) * -1),0,0);
}

.dc-hhn--fade [data-dc-hhn-item] {
    transform: none;
}

.dc-hhn--soft-zoom [data-dc-hhn-item] {
    transform: scale(.975);
}

.dc-hhn--animate.is-visible [data-dc-hhn-item] {
    opacity: 1;
    transform: none;
}

.dc-hhn--animate .dc-hhn__header[data-dc-hhn-item] {
    transition-delay: 0ms;
}

.dc-hhn--animate .dc-hhn-card[data-dc-hhn-item] {
    transition-delay: calc((var(--dc-hhn-index,0) + 1) * var(--dc-hhn-stagger,90ms));
}

@keyframes dc-hhn-failsafe {
    to { opacity: 1; transform: none; }
}

body.elementor-editor-active .dc-hhn--animate [data-dc-hhn-item],
.elementor-editor-active .dc-hhn--animate [data-dc-hhn-item] {
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
}

@media (max-width: 767px) {
    .dc-hhn__header {
        align-items: flex-start;
        flex-direction: column;
    }

    .dc-hhn .dc-hhn__view-all {
        align-self: flex-start;
    }
}

@media (prefers-reduced-motion: reduce) {
    .dc-hhn--animate [data-dc-hhn-item],
    .dc-hhn-card__image,
    .dc-hhn-card__more-icon,
    .dc-hhn .dc-hhn__view-all {
        opacity: 1 !important;
        transform: none !important;
        animation: none !important;
        transition-duration: 0.01ms !important;
        transition-delay: 0ms !important;
    }
}

/* =========================================================
 * Hoàng Hùng - Tin tức dạng danh sách
 * ======================================================= */
.dc-hhn-list,
.dc-hhn-list * {
    box-sizing: border-box;
}

.dc-hhn-list {
    width: 100%;
    overflow: clip;
}

.dc-hhn-list__inner {
    width: 100%;
    margin-inline: auto;
    min-width: 0;
}

.dc-hhn-list__header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 28px;
    min-width: 0;
}

.dc-hhn-list__heading-group {
    min-width: 0;
}

.dc-hhn-list__eyebrow-wrap {
    display: flex;
    align-items: center;
    min-width: 0;
}

.dc-hhn-list__eyebrow-line {
    display: block;
    height: 1px;
    flex: 0 0 auto;
}

.dc-hhn-list__eyebrow,
.dc-hhn-list__title {
    margin: 0;
    padding: 0;
}

.dc-hhn-list__title {
    overflow-wrap: anywhere;
}

.dc-hhn-list .dc-hhn-list__view-all,
.dc-hhn-list .dc-hhn-list__view-all:hover,
.dc-hhn-list .dc-hhn-list__view-all:focus,
.dc-hhn-list .dc-hhn-list__view-all:focus-visible,
.dc-hhn-list .dc-hhn-list__view-all:active {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    flex: 0 0 auto;
    text-decoration: none;
    line-height: 1.2;
    transition: color .25s ease, background-color .25s ease, border-color .25s ease, transform .25s ease;
}

.dc-hhn-list__items {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.dc-hhn-list-card {
    display: grid;
    grid-template-columns: minmax(0, var(--dc-hhn-list-media, 50%)) minmax(0, 1fr);
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
}

.dc-hhn-list-card__media {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    min-height: 100%;
    overflow: hidden;
    background: #edf1f5;
}

.dc-hhn-list-card__image,
.elementor .dc-hhn-list-card__image {
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
    object-position: center;
    transform: scale(1);
    transition: transform .55s cubic-bezier(.2,.65,.25,1);
}

.dc-hhn-list-card:hover .dc-hhn-list-card__image,
.dc-hhn-list-card:focus-within .dc-hhn-list-card__image {
    transform: scale(var(--dc-hhn-list-image-zoom, 1.04));
}

.dc-hhn-list-card__placeholder {
    display: block;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg,#eef2f7,#dfe7f0);
}

.dc-hhn-list-card__content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    min-width: 0;
    max-width: 100%;
}

.dc-hhn-list-card__date {
    display: flex;
    align-items: center;
    gap: 7px;
    min-width: 0;
}

.dc-hhn-list-card__date-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}

.dc-hhn-list-card__date-icon svg {
    display: block;
    fill: currentColor;
}

.dc-hhn-list-card__title,
.dc-hhn-list-card__title > a {
    margin: 0;
    padding: 0;
    max-width: 100%;
    text-decoration: none;
    overflow-wrap: anywhere;
    transition: color .25s ease;
}

.dc-hhn-list-card__excerpt {
    max-width: 100%;
    overflow-wrap: anywhere;
}

.dc-hhn-list .dc-hhn-list-card__button,
.dc-hhn-list .dc-hhn-list-card__button:hover,
.dc-hhn-list .dc-hhn-list-card__button:focus,
.dc-hhn-list .dc-hhn-list-card__button:focus-visible,
.dc-hhn-list .dc-hhn-list-card__button:active {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    text-decoration: none;
    line-height: 1.2;
    transition: color .25s ease, background-color .25s ease, border-color .25s ease, transform .25s ease;
}

.dc-hhn-list a:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 3px;
}

.dc-hhn-list__empty {
    padding: 24px 0;
}

.dc-hhn-list.dc-hhn--animate [data-dc-hhn-item] {
    opacity: 0;
    transform: translate3d(0,var(--dc-hhn-distance,24px),0);
    transition-property: opacity, transform;
    transition-duration: var(--dc-hhn-duration,650ms);
    transition-timing-function: cubic-bezier(.2,.65,.25,1);
    animation: dc-hhn-failsafe 0s linear 2.8s forwards;
}

.dc-hhn-list.dc-hhn--fade-left [data-dc-hhn-item] {
    transform: translate3d(var(--dc-hhn-distance,24px),0,0);
}

.dc-hhn-list.dc-hhn--fade-right [data-dc-hhn-item] {
    transform: translate3d(calc(var(--dc-hhn-distance,24px) * -1),0,0);
}

.dc-hhn-list.dc-hhn--fade [data-dc-hhn-item] {
    transform: none;
}

.dc-hhn-list.dc-hhn--soft-zoom [data-dc-hhn-item] {
    transform: scale(.975);
}

.dc-hhn-list.dc-hhn--animate.is-visible [data-dc-hhn-item] {
    opacity: 1;
    transform: none;
}

.dc-hhn-list.dc-hhn--animate .dc-hhn-list__header[data-dc-hhn-item] {
    transition-delay: 0ms;
}

.dc-hhn-list.dc-hhn--animate .dc-hhn-list-card[data-dc-hhn-item] {
    transition-delay: calc((var(--dc-hhn-index,0) + 1) * var(--dc-hhn-stagger,90ms));
}

body.elementor-editor-active .dc-hhn-list.dc-hhn--animate [data-dc-hhn-item],
.elementor-editor-active .dc-hhn-list.dc-hhn--animate [data-dc-hhn-item] {
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
}

@media (max-width: 767px) {
    .dc-hhn-list__header {
        align-items: flex-start;
        flex-direction: column;
    }

    .dc-hhn-list .dc-hhn-list__view-all {
        align-self: flex-start;
    }

    .dc-hhn-list-card {
        grid-template-columns: minmax(0, 1fr);
        min-height: 0 !important;
    }

    .dc-hhn-list-card__media {
        height: var(--dc-hhn-list-mobile-image-height, 220px);
        min-height: var(--dc-hhn-list-mobile-image-height, 220px);
    }
}

@media (prefers-reduced-motion: reduce) {
    .dc-hhn-list.dc-hhn--animate [data-dc-hhn-item],
    .dc-hhn-list-card__image,
    .dc-hhn-list .dc-hhn-list-card__button,
    .dc-hhn-list .dc-hhn-list__view-all {
        opacity: 1 !important;
        transform: none !important;
        animation: none !important;
        transition-duration: 0.01ms !important;
        transition-delay: 0ms !important;
    }
}

/* =========================================================
 * Hoàng Hùng - Tất cả tin tức (grid + category filters)
 * ======================================================= */
.dc-hhn-grid,
.dc-hhn-grid * {
    box-sizing: border-box;
}

.dc-hhn-grid {
    width: 100%;
    overflow: clip;
}

.dc-hhn-grid__inner {
    width: 100%;
    min-width: 0;
    margin-inline: auto;
}

.dc-hhn-grid__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    min-width: 0;
}

.dc-hhn-grid__title {
    margin: 0;
    padding: 0;
    min-width: 0;
    overflow-wrap: anywhere;
}

.dc-hhn-grid__filters {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    min-width: 0;
}

.dc-hhn-grid .dc-hhn-grid__filter-button,
.dc-hhn-grid .dc-hhn-grid__filter-button:hover,
.dc-hhn-grid .dc-hhn-grid__filter-button:focus,
.dc-hhn-grid .dc-hhn-grid__filter-button:focus-visible,
.dc-hhn-grid .dc-hhn-grid__filter-button:active {
    appearance: none;
    -webkit-appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    margin: 0;
    border: 1px solid currentColor;
    box-shadow: none;
    text-decoration: none;
    line-height: 1.2;
    cursor: pointer;
    white-space: nowrap;
    transition: color .22s ease, background-color .22s ease, border-color .22s ease;
}

.dc-hhn-grid .dc-hhn-grid__filter-button:focus-visible,
.dc-hhn-grid .dc-hhn-grid__page:focus-visible,
.dc-hhn-grid-card a:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 3px;
}

.dc-hhn-grid__results {
    position: relative;
    min-width: 0;
}

.dc-hhn-grid__results.is-loading {
    opacity: .58;
    pointer-events: none;
}

.dc-hhn-grid__items {
    display: grid;
    min-width: 0;
    max-width: 100%;
}

.dc-hhn-grid-card {
    min-width: 0;
    max-width: 100%;
}

.dc-hhn-grid-card__media {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
    background: #edf1f5;
}

.dc-hhn-grid-card__image,
.elementor .dc-hhn-grid-card__image {
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
    object-position: center;
    transform: scale(1);
    transition: transform .55s cubic-bezier(.2,.65,.25,1);
}

.dc-hhn-grid-card:hover .dc-hhn-grid-card__image,
.dc-hhn-grid-card:focus-within .dc-hhn-grid-card__image {
    transform: scale(var(--dc-hhn-grid-image-zoom, 1.04));
}

.dc-hhn-grid-card__placeholder {
    display: block;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg,#eef2f7,#dfe7f0);
}

.dc-hhn-grid-card__date {
    display: flex;
    align-items: center;
    gap: 7px;
    min-width: 0;
}

.dc-hhn-grid-card__date-icon,
.dc-hhn-grid-card__more-icon,
.dc-hhn-grid__page-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}

.dc-hhn-grid-card__date-icon svg,
.dc-hhn-grid-card__more-icon svg,
.dc-hhn-grid__page-icon svg {
    display: block;
    fill: currentColor;
}

.dc-hhn-grid-card__title,
.dc-hhn-grid-card__title > a {
    margin: 0;
    padding: 0;
    max-width: 100%;
    text-decoration: none;
    overflow-wrap: anywhere;
    transition: color .22s ease;
}

.dc-hhn-grid-card__more,
.dc-hhn-grid-card__more:hover,
.dc-hhn-grid-card__more:focus,
.dc-hhn-grid-card__more:focus-visible,
.dc-hhn-grid-card__more:active {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-height: 44px;
    text-decoration: none;
    line-height: 1.2;
    transition: color .22s ease;
}

.dc-hhn-grid-card__more-icon {
    transition: transform .22s ease;
}

.dc-hhn-grid-card:hover .dc-hhn-grid-card__more-icon,
.dc-hhn-grid-card:focus-within .dc-hhn-grid-card__more-icon {
    transform: translateX(4px);
}

.dc-hhn-grid__empty {
    padding: 28px 0;
}

.dc-hhn-grid__pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-width: 0;
}

.dc-hhn-grid .dc-hhn-grid__page,
.dc-hhn-grid .dc-hhn-grid__page:hover,
.dc-hhn-grid .dc-hhn-grid__page:focus,
.dc-hhn-grid .dc-hhn-grid__page:focus-visible,
.dc-hhn-grid .dc-hhn-grid__page:active {
    appearance: none;
    -webkit-appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    min-height: 44px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 999px;
    box-shadow: none;
    line-height: 1;
    cursor: pointer;
    text-decoration: none;
    transition: color .22s ease, background-color .22s ease, transform .22s ease;
}

.dc-hhn-grid .dc-hhn-grid__page:not(.is-active):hover,
.dc-hhn-grid .dc-hhn-grid__page:not(.is-active):focus-visible {
    transform: translateY(-1px);
}

.dc-hhn-grid__page-icon i {
    font-size: 12px;
}

.dc-hhn-grid__page-icon svg {
    width: 12px;
    height: 12px;
}

.dc-hhn-grid.dc-hhn--animate .dc-hhn-grid__header[data-dc-hhn-item] {
    transition-delay: 0ms;
}

.dc-hhn-grid.dc-hhn--animate .dc-hhn-grid-card[data-dc-hhn-item] {
    transition-delay: calc((var(--dc-hhn-index,0) + 1) * var(--dc-hhn-stagger,70ms));
}

body.elementor-editor-active .dc-hhn-grid.dc-hhn--animate [data-dc-hhn-item],
.elementor-editor-active .dc-hhn-grid.dc-hhn--animate [data-dc-hhn-item] {
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
}

@media (max-width: 1024px) {
    .dc-hhn-grid__header {
        align-items: flex-start;
        flex-direction: column;
    }

    .dc-hhn-grid__filters {
        justify-content: flex-start;
        width: 100%;
    }
}

@media (max-width: 767px) {
    .dc-hhn-grid__filters {
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        max-width: 100%;
        padding-bottom: 4px;
        scrollbar-width: thin;
        -webkit-overflow-scrolling: touch;
    }

    .dc-hhn-grid__filter-button {
        flex: 0 0 auto;
    }
}

@media (prefers-reduced-motion: reduce) {
    .dc-hhn-grid-card__image,
    .dc-hhn-grid-card__more-icon,
    .dc-hhn-grid .dc-hhn-grid__filter-button,
    .dc-hhn-grid .dc-hhn-grid__page {
        transform: none !important;
        transition-duration: .01ms !important;
    }
}

/* v1.3.1: Elementor Eicons/legacy icon markup parity for News Grid. */
.dc-hhn-grid-card__date-icon > i,
.dc-hhn-grid-card__more-icon > i,
.dc-hhn-grid__page-icon > i {
    display: block;
    line-height: 1;
    font-size: 1em;
    color: currentColor;
}

/* v1.3.2: uploaded SVG icons selected through Elementor Icon Picker. */
.dc-hhn-grid-card__date-icon > .dc-hhn-icon-image,
.dc-hhn-grid-card__more-icon > .dc-hhn-icon-image,
.dc-hhn-grid__page-icon > .dc-hhn-icon-image {
    display: block;
    width: 1em;
    height: 1em;
    max-width: none;
    object-fit: contain;
}


/* v1.3.3: dependency-free inline arrow fallback for the News Grid read-more action. */
.dc-hhn-grid-card__more-icon > .dc-hhn-inline-icon {
    display: block;
    width: 1em;
    height: 1em;
    max-width: none;
    overflow: visible;
    color: currentColor;
}

.dc-hhn-grid-card__more-icon > .dc-hhn-inline-icon path {
    vector-effect: non-scaling-stroke;
}

/* =========================================================
 * Single News / Post Detail
 * ======================================================= */
.dc-hhn-single {
    width: 100%;
    box-sizing: border-box;
    overflow: clip;
}

.dc-hhn-single *,
.dc-hhn-single *::before,
.dc-hhn-single *::after {
    box-sizing: border-box;
}

.dc-hhn-single__inner {
    max-width: 100%;
    margin-inline: auto;
    min-width: 0;
}

.dc-hhn-single__header,
.dc-hhn-single__body,
.dc-hhn-single__content {
    min-width: 0;
    max-width: 100%;
}

.dc-hhn-single__title {
    margin: 0;
    color: #111372;
    overflow-wrap: anywhere;
}

.dc-hhn-single__meta {
    display: flex;
    align-items: center;
    min-width: 0;
    color: #8b9bb8;
}

.dc-hhn-single__date-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    color: #8b9bb8;
    line-height: 1;
}

.dc-hhn-single__date-icon i,
.dc-hhn-single__date-icon svg,
.dc-hhn-single__date-icon img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.dc-hhn-single__date-icon .dc-hhn-inline-icon {
    fill: none;
}

.dc-hhn-single__content {
    color: #4a4a4a;
    overflow-wrap: anywhere;
    word-break: normal;
}

.dc-hhn-single__content > :first-child {
    margin-top: 0;
}

.dc-hhn-single__content > :last-child {
    margin-bottom: 0;
}

.dc-hhn-single__content p,
.dc-hhn-single__content ul,
.dc-hhn-single__content ol,
.dc-hhn-single__content blockquote,
.dc-hhn-single__content table,
.dc-hhn-single__content pre,
.dc-hhn-single__content figure {
    max-width: 100%;
}

.dc-hhn-single__content :is(h2,h3,h4,h5,h6) {
    clear: both;
    overflow-wrap: anywhere;
}

.dc-hhn-single__content ul,
.dc-hhn-single__content ol {
    padding-inline-start: 1.35em;
}

.dc-hhn-single__content a {
    text-decoration: none;
    transition: color .2s ease;
}

.dc-hhn-single__content a:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 3px;
}

.dc-hhn-single__content img,
.dc-hhn-single__featured img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
}

.dc-hhn-single__content > img,
.dc-hhn-single__content :is(figure,.wp-block-image,.wp-block-video,.wp-block-embed,.wp-block-gallery),
.dc-hhn-single__featured {
    width: 100%;
    margin-inline: auto;
}

.dc-hhn-single__content figure img,
.dc-hhn-single__content .wp-block-image img,
.dc-hhn-single__featured img {
    width: 100%;
}

.dc-hhn-single__content iframe,
.dc-hhn-single__content video,
.dc-hhn-single__content embed,
.dc-hhn-single__content object {
    display: block;
    max-width: 100%;
    margin-inline: auto;
}

.dc-hhn-single__content .wp-block-embed__wrapper {
    max-width: 100%;
    overflow: hidden;
}

.dc-hhn-single__content table {
    width: 100%;
    border-collapse: collapse;
}

.dc-hhn-single__content pre,
.dc-hhn-single__content code {
    max-width: 100%;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.dc-hhn-single__content blockquote {
    margin-inline: 0;
    padding-inline-start: 1.2em;
    border-inline-start: 3px solid #111372;
}

.dc-hhn-single__content figcaption {
    margin-top: .5em;
    text-align: center;
    opacity: .8;
}

.dc-hhn-single__featured {
    padding: 0;
}

.dc-hhn-single__editor-notice {
    padding: 14px 16px;
    border: 1px dashed #8b9bb8;
    background: #fff;
    color: #4a4a4a;
}

.dc-hhn-single.dc-hhn--animate [data-dc-hhn-item] {
    opacity: 0;
    transform: translate3d(0, var(--dc-hhn-distance, 20px), 0);
    transition:
        opacity var(--dc-hhn-duration, 650ms) ease,
        transform var(--dc-hhn-duration, 650ms) cubic-bezier(.2,.7,.2,1);
    transition-delay: calc(var(--dc-hhn-index, 0) * var(--dc-hhn-stagger, 80ms));
    will-change: opacity, transform;
}

.dc-hhn-single.dc-hhn--fade-left [data-dc-hhn-item] {
    transform: translate3d(calc(var(--dc-hhn-distance, 20px) * -1), 0, 0);
}

.dc-hhn-single.dc-hhn--fade-right [data-dc-hhn-item] {
    transform: translate3d(var(--dc-hhn-distance, 20px), 0, 0);
}

.dc-hhn-single.dc-hhn--fade [data-dc-hhn-item] {
    transform: none;
}

.dc-hhn-single.dc-hhn--soft-zoom [data-dc-hhn-item] {
    transform: scale(.985);
}

.dc-hhn-single.dc-hhn--animate.is-visible [data-dc-hhn-item],
body.elementor-editor-active .dc-hhn-single.dc-hhn--animate [data-dc-hhn-item],
.elementor-editor-active .dc-hhn-single.dc-hhn--animate [data-dc-hhn-item] {
    opacity: 1;
    transform: none;
}

@media (max-width: 767px) {
    .dc-hhn-single {
        overflow: hidden;
    }

    .dc-hhn-single__content table {
        display: block;
        max-width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .dc-hhn-single__content iframe {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .dc-hhn-single.dc-hhn--animate [data-dc-hhn-item] {
        opacity: 1;
        transform: none;
        transition: none;
    }
}

/* =========================================================
 * v1.5.0 - Single post rich-content parity
 * ======================================================= */
.dc-hhn-single__content p {
    text-align: justify;
    text-justify: inter-word;
}

.dc-hhn-single__content h1,
.dc-hhn-single__content h2,
.dc-hhn-single__content h3,
.dc-hhn-single__content h4,
.dc-hhn-single__content h5,
.dc-hhn-single__content h6,
.dc-hhn-single__content a,
.dc-hhn-single__content span,
.dc-hhn-single__content ul,
.dc-hhn-single__content ol,
.dc-hhn-single__content li,
.dc-hhn-single__content strong,
.dc-hhn-single__content b {
    max-width: 100%;
    overflow-wrap: anywhere;
}

/* =========================================================
 * Related News
 * ======================================================= */
.dc-hhn-related {
    width: 100%;
    box-sizing: border-box;
    overflow: clip;
}

.dc-hhn-related *,
.dc-hhn-related *::before,
.dc-hhn-related *::after {
    box-sizing: border-box;
}

.dc-hhn-related__inner {
    max-width: 100%;
    margin-inline: auto;
    min-width: 0;
}

.dc-hhn-related__title {
    margin: 0;
    padding: 0;
    color: #111372;
    overflow-wrap: anywhere;
}

.dc-hhn-related__items {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 30px 24px;
    min-width: 0;
    max-width: 100%;
}

.dc-hhn-related-card {
    min-width: 0;
    max-width: 100%;
}

.dc-hhn-related-card__media {
    position: relative;
    display: block;
    width: 100%;
    height: 194px;
    overflow: hidden;
    background: #edf1f5;
}

.dc-hhn-related-card__image,
.elementor .dc-hhn-related-card__image {
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
    object-position: center;
    transform: scale(1);
    transition: transform .55s cubic-bezier(.2,.65,.25,1);
}

.dc-hhn-related-card:hover .dc-hhn-related-card__image,
.dc-hhn-related-card:focus-within .dc-hhn-related-card__image {
    transform: scale(var(--dc-hhn-related-image-zoom,1.04));
}

.dc-hhn-related-card__placeholder {
    display: block;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg,#eef2f7,#dfe7f0);
}

.dc-hhn-related-card__date {
    display: flex;
    align-items: center;
    min-width: 0;
    gap: 7px;
    color: #8b9bb8;
}

.dc-hhn-related-card__date-icon,
.dc-hhn-related-card__more-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    color: currentColor;
    line-height: 1;
}

.dc-hhn-related-card__date-icon i,
.dc-hhn-related-card__more-icon i,
.dc-hhn-related-card__date-icon svg,
.dc-hhn-related-card__more-icon svg,
.dc-hhn-related-card__date-icon img,
.dc-hhn-related-card__more-icon img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: contain;
    color: currentColor;
}

.dc-hhn-related-card__date-icon .dc-hhn-inline-icon,
.dc-hhn-related-card__more-icon .dc-hhn-inline-icon {
    fill: none;
    overflow: visible;
}

.dc-hhn-related-card__date-icon .dc-hhn-inline-icon path,
.dc-hhn-related-card__more-icon .dc-hhn-inline-icon path {
    vector-effect: non-scaling-stroke;
}

.dc-hhn-related-card__post-title,
.dc-hhn-related-card__post-title > a {
    margin: 0;
    padding: 0;
    max-width: 100%;
    color: #333;
    text-decoration: none;
    overflow-wrap: anywhere;
    transition: color .22s ease;
}

.dc-hhn-related-card__more,
.dc-hhn-related-card__more:hover,
.dc-hhn-related-card__more:focus,
.dc-hhn-related-card__more:focus-visible,
.dc-hhn-related-card__more:active {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    gap: 10px;
    color: #161783;
    text-decoration: none;
    line-height: 1.2;
    transition: color .22s ease;
}

.dc-hhn-related-card__more-icon {
    transition: transform .22s ease;
}

.dc-hhn-related-card:hover .dc-hhn-related-card__more-icon,
.dc-hhn-related-card:focus-within .dc-hhn-related-card__more-icon {
    transform: translateX(4px);
}

.dc-hhn-related-card a:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 3px;
}

.dc-hhn-related__empty {
    padding: 20px 0;
    color: #667085;
}

.dc-hhn-related.dc-hhn--animate .dc-hhn-related__title[data-dc-hhn-item] {
    transition-delay: 0ms;
}

.dc-hhn-related.dc-hhn--animate .dc-hhn-related-card[data-dc-hhn-item] {
    transition-delay: calc(var(--dc-hhn-index,1) * var(--dc-hhn-stagger,70ms));
}

body.elementor-editor-active .dc-hhn-related.dc-hhn--animate [data-dc-hhn-item],
.elementor-editor-active .dc-hhn-related.dc-hhn--animate [data-dc-hhn-item] {
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
}

@media (max-width: 1024px) {
    .dc-hhn-related__items {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }
}

@media (max-width: 767px) {
    .dc-hhn-related {
        overflow: hidden;
    }

    .dc-hhn-related__items {
        grid-template-columns: minmax(0,1fr);
    }

    .dc-hhn-related-card__media {
        height: 220px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .dc-hhn-related-card__image,
    .dc-hhn-related-card__more-icon {
        transform: none !important;
        transition-duration: .01ms !important;
    }
}

/* =========================================================
 * DreamCode – Thành Vinh Featured News (SVG-inspired three-card design)
 * Isolated from legacy controls, Elementor button defaults and other news widgets.
 * ======================================================= */
.dc-hhn.dc-hhn--tv {
    --dc-tv-navy: #080977;
    --dc-tv-heading: #051a53;
    --dc-tv-red: #d00000;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    padding: 76px 24px 24px;
    background-color: #fff;
    overflow: visible;
}
.dc-hhn--tv,
.dc-hhn--tv *,
.dc-hhn--tv *::before,
.dc-hhn--tv *::after { box-sizing: border-box; }
.dc-hhn--tv .dc-tv-news__inner {
    width: 100%;
    max-width: 990px;
    min-width: 0;
    margin-inline: auto;
}
.dc-hhn--tv .dc-tv-news__header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px 24px;
    margin-bottom: 26px;
    min-width: 0;
}
.dc-hhn--tv .dc-tv-news__heading-group {
    flex: 1 1 auto;
    min-width: 0;
}
.dc-hhn--tv .dc-tv-news__eyebrow {
    display: flex;
    align-items: center;
    gap: 5px;
    margin: 0 0 19px;
    padding: 0;
    color: var(--dc-tv-red);
    font-size: 20px;
    font-weight: 600;
    line-height: 1.3;
    overflow-wrap: anywhere;
}
.dc-hhn--tv .dc-tv-news__eyebrow-dot {
    display: inline-block;
    flex: 0 0 auto;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: currentColor;
}
.dc-hhn--tv .dc-tv-news__heading {
    margin: 0;
    padding: 0;
    border: 0;
    color: var(--dc-tv-navy);
    font-size: 30px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: 0;
    overflow-wrap: anywhere;
}
.dc-hhn.dc-hhn--tv .dc-tv-news__view-all,
.dc-hhn.dc-hhn--tv .dc-tv-news__view-all:hover,
.dc-hhn.dc-hhn--tv .dc-tv-news__view-all:focus,
.dc-hhn.dc-hhn--tv .dc-tv-news__view-all:focus-visible,
.dc-hhn.dc-hhn--tv .dc-tv-news__view-all:active {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    flex: 0 0 auto;
    max-width: 100%;
    min-height: 36px;
    margin: 0;
    padding: 3px 3px 3px 22px;
    border: 1px solid transparent;
    border-radius: 100px;
    font-family: inherit;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.25;
    text-align: center;
    text-decoration: none;
    box-shadow: none;
    outline-offset: 3px;
    text-shadow: none;
    -webkit-appearance: none;
    appearance: none;
    transform: translateY(5px);
    transition: background-color .26s ease, border-color .26s ease, color .26s ease, box-shadow .26s ease;
}
.dc-hhn.dc-hhn--tv .dc-tv-news__view-all {
    color: #fff;
    background-color: var(--dc-tv-navy);
}
.dc-hhn.dc-hhn--tv .dc-tv-news__view-all:hover,
.dc-hhn.dc-hhn--tv .dc-tv-news__view-all:focus-visible {
    color: var(--dc-tv-navy);
    background-color: #fff;
    border-color: var(--dc-tv-navy);
}
/* Extend pointer/touch activation without changing the screenshot's 36px pill geometry. */
.dc-hhn--tv .dc-tv-news__view-all::before {
    content: "";
    position: absolute;
    inset: -6px 0;
}
.dc-hhn--tv .dc-tv-news__view-label {
    position: relative;
    display: block;
    max-width: min(70vw, 340px);
    min-width: 0;
    overflow-wrap: anywhere;
}
.dc-hhn--tv .dc-tv-news__cta-circle {
    position: relative;
    display: inline-grid;
    flex: 0 0 auto;
    place-items: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #fff;
    color: var(--dc-tv-navy);
    transition: background-color .26s ease, color .26s ease;
}
.dc-hhn--tv .dc-tv-news__view-all:hover .dc-tv-news__cta-circle,
.dc-hhn--tv .dc-tv-news__view-all:focus-visible .dc-tv-news__cta-circle {
    background-color: var(--dc-tv-navy);
}
.dc-hhn--tv .dc-tv-news__cta-icon {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity .24s ease, transform .28s cubic-bezier(.2,.7,.25,1);
}
.dc-hhn--tv .dc-tv-news__cta-icon--normal {
    opacity: 1;
    color: var(--dc-tv-navy);
    transform: translateX(0);
}
.dc-hhn--tv .dc-tv-news__cta-icon--hover {
    opacity: 0;
    color: #fff;
    transform: translateX(-5px);
}
.dc-hhn--tv .dc-tv-news__view-all:hover .dc-tv-news__cta-icon--normal,
.dc-hhn--tv .dc-tv-news__view-all:focus-visible .dc-tv-news__cta-icon--normal {
    opacity: 0;
    transform: translateX(5px);
}
.dc-hhn--tv .dc-tv-news__view-all:hover .dc-tv-news__cta-icon--hover,
.dc-hhn--tv .dc-tv-news__view-all:focus-visible .dc-tv-news__cta-icon--hover {
    opacity: 1;
    transform: translateX(0);
}
.dc-hhn--tv .dc-tv-news__cta-icon i { font-size: 15px; line-height: 1; }
.dc-hhn--tv .dc-tv-news__cta-icon svg { display: block; width: 15px; height: 15px; fill: none; }
.dc-hhn--tv .dc-tv-news__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: 28px;
    row-gap: 36px;
    width: 100%;
    min-width: 0;
    align-items: start;
}
.dc-hhn--tv .dc-tv-news__card {
    display: flex;
    flex-direction: column;
    min-width: 0;
    max-width: 100%;
    height: auto;
    overflow: visible;
}
.dc-hhn--tv .dc-tv-news__media {
    position: relative;
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    aspect-ratio: 312 / 213;
    height: auto;
    margin: 0 0 16px;
    padding: 0;
    overflow: hidden;
    border-radius: 12px;
    background-color: #edf1f5;
}
.dc-hhn--tv .dc-tv-news__image,
.elementor .dc-hhn--tv .dc-tv-news__image,
.elementor-widget-container .dc-hhn--tv .dc-tv-news__image {
    display: block;
    width: 100%;
    max-width: none;
    height: 100%;
    min-height: 100%;
    object-fit: cover;
    object-position: center center;
    border: 0;
    border-radius: 0;
    transform: scale(1);
    transition: transform .5s cubic-bezier(.18,.68,.22,1);
}
.dc-hhn--tv .dc-tv-news__card:hover .dc-tv-news__image,
.dc-hhn--tv .dc-tv-news__card:focus-within .dc-tv-news__image { transform: scale(var(--dc-tv-image-zoom,1.045)); }
.dc-hhn--tv .dc-tv-news__placeholder {
    display: block;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg,#eef2f6,#dce5ef);
}
.dc-hhn--tv .dc-tv-news__date {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    margin: 0 0 18px;
    padding: 0 0 16px;
    border: 0;
    border-bottom: 1px solid rgba(0,0,0,.08);
    color: #667085;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.45;
}
.dc-hhn--tv .dc-tv-news__date time { min-width: 0; overflow-wrap: anywhere; }
.dc-hhn--tv .dc-tv-news__date-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 15px;
    width: 15px;
    height: 15px;
    color: var(--dc-tv-navy);
}
.dc-hhn--tv .dc-tv-news__date-icon i { font-size: 15px; line-height: 1; }
.dc-hhn--tv .dc-tv-news__date-icon svg { width: 15px; height: 15px; display: block; fill: currentColor; }
.dc-hhn--tv .dc-tv-news__card-title {
    display: block;
    min-width: 0;
    margin: 0;
    padding: 0;
    color: var(--dc-tv-heading);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.34;
    text-transform: none;
    letter-spacing: 0;
    overflow-wrap: anywhere;
}
.dc-hhn--tv .dc-tv-news__card-title a,
.dc-hhn--tv .dc-tv-news__card-title a:visited {
    display: inline;
    color: inherit;
    text-decoration: none;
    overflow-wrap: anywhere;
    transition: color .22s ease;
}
.dc-hhn--tv .dc-tv-news__card-title a:hover,
.dc-hhn--tv .dc-tv-news__card-title a:focus-visible {
    color: var(--dc-tv-navy);
}
.dc-hhn--tv .dc-tv-news__excerpt {
    display: block;
    min-width: 0;
    max-width: 100%;
    margin: 5px 0 0;
    padding: 0;
    color: #383838;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.45;
    overflow-wrap: anywhere;
    word-break: normal;
    white-space: normal;
    text-overflow: clip;
    height: auto;
    max-height: none;
    -webkit-line-clamp: unset;
}
.dc-hhn--tv .dc-tv-news__empty { margin: 0; color: var(--dc-tv-heading); }
.dc-hhn--tv a:focus-visible {
    outline: 2px solid var(--dc-tv-navy);
    outline-offset: 3px;
}
@media (max-width: 1024px) {
    .dc-hhn.dc-hhn--tv { padding: 56px 24px 48px; }
    .dc-hhn--tv .dc-tv-news__grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 767px) {
    .dc-hhn.dc-hhn--tv { padding: 40px 16px; }
    .dc-hhn--tv .dc-tv-news__header { align-items: flex-start; flex-wrap: wrap; gap: 18px; }
    .dc-hhn--tv .dc-tv-news__heading-group { width: 100%; flex: 1 1 100%; }
    .dc-hhn--tv .dc-tv-news__heading { font-size: clamp(23px, 6vw, 30px); }
    .dc-hhn--tv .dc-tv-news__eyebrow { font-size: 16px; }
    .dc-hhn--tv .dc-tv-news__grid { grid-template-columns: minmax(0,1fr); gap: 30px; }
    .dc-hhn--tv .dc-tv-news__view-all { margin-top: 2px; transform: none; }
}
@media (prefers-reduced-motion: reduce) {
    .dc-hhn--tv .dc-tv-news__image,
    .dc-hhn--tv .dc-tv-news__view-all,
    .dc-hhn--tv .dc-tv-news__cta-icon,
    .dc-hhn--tv .dc-tv-news__cta-circle {
        animation: none !important;
        transition-duration: .01ms !important;
        transition-delay: 0ms !important;
    }
}

/* v1.8.6: Unified post-card hover based on supplied default/hover SVGs. */
.dc-hhn--tv .dc-tv-news__media {isolation:isolate;overflow:hidden;}
.dc-hhn--tv .dc-tv-news__media::after {content:"";position:absolute;inset:0;z-index:2;border-radius:inherit;pointer-events:none;background:var(--dc-tv-card-overlay,rgba(0,0,0,.4));opacity:0;transition:opacity .34s ease;}
.dc-hhn--tv .dc-tv-news__card:is(:hover,:focus-within) .dc-tv-news__media::after{opacity:1;}
.dc-hhn--tv .dc-tv-news__card:is(:hover,:focus-within) .dc-tv-news__image{transform:scale(var(--dc-tv-card-zoom,1.065));}
.dc-hhn--tv .dc-tv-news__date {transition:color .24s ease,border-color .24s ease;}
.dc-hhn--tv .dc-tv-news__date-icon {transition:color .24s ease;}
.dc-hhn--tv .dc-tv-news__card:is(:hover,:focus-within) .dc-tv-news__date,
.dc-hhn--tv .dc-tv-news__card:is(:hover,:focus-within) .dc-tv-news__date-icon{color:var(--dc-tv-card-hover-accent,#c8010a);}
.dc-hhn--tv .dc-tv-news__card:is(:hover,:focus-within) .dc-tv-news__date{border-bottom-color:var(--dc-tv-card-hover-accent,#c8010a);}
.dc-hhn--tv .dc-tv-news__card:is(:hover,:focus-within) .dc-tv-news__card-title a,
.dc-hhn--tv .dc-tv-news__card:is(:hover,:focus-within) .dc-tv-news__card-title a:visited{color:var(--dc-tv-card-hover-title,#c8010a);}
@media (prefers-reduced-motion:reduce){.dc-hhn--tv .dc-tv-news__media::after,.dc-hhn--tv .dc-tv-news__image{transition:none;}}

/* Backward-compatible hover treatment for older saved card widgets. No DOM or engine changes. */
.dc-hhn-card__media::after,.dc-hhn-list-card__media::after,.dc-hhn-grid-card__media::after,.dc-hhn-related-card__media::after{
  content:"";position:absolute;inset:0;z-index:2;border-radius:inherit;pointer-events:none;opacity:0;
  background:var(--dc-tv-card-overlay,rgba(0,0,0,.4));transition:opacity .34s ease;
}
.dc-hhn-card:is(:hover,:focus-within) .dc-hhn-card__media::after,
.dc-hhn-list-card:is(:hover,:focus-within) .dc-hhn-list-card__media::after,
.dc-hhn-grid-card:is(:hover,:focus-within) .dc-hhn-grid-card__media::after,
.dc-hhn-related-card:is(:hover,:focus-within) .dc-hhn-related-card__media::after{opacity:1;}
.dc-hhn-card:is(:hover,:focus-within) .dc-hhn-card__image,
.dc-hhn-list-card:is(:hover,:focus-within) .dc-hhn-list-card__image,
.dc-hhn-grid-card:is(:hover,:focus-within) .dc-hhn-grid-card__image,
.dc-hhn-related-card:is(:hover,:focus-within) .dc-hhn-related-card__image{transform:scale(var(--dc-tv-card-zoom,1.065));}
.dc-hhn-card:is(:hover,:focus-within) :is(.dc-hhn-card__date,.dc-hhn-card__date-icon,.dc-hhn-card__title,.dc-hhn-card__title a),
.dc-hhn-list-card:is(:hover,:focus-within) :is(.dc-hhn-list-card__date,.dc-hhn-list-card__date-icon,.dc-hhn-list-card__title,.dc-hhn-list-card__title a),
.dc-hhn-grid-card:is(:hover,:focus-within) :is(.dc-hhn-grid-card__date,.dc-hhn-grid-card__date-icon,.dc-hhn-grid-card__title,.dc-hhn-grid-card__title a),
.dc-hhn-related-card:is(:hover,:focus-within) :is(.dc-hhn-related-card__date,.dc-hhn-related-card__date-icon,.dc-hhn-related-card__post-title,.dc-hhn-related-card__post-title a){color:var(--dc-tv-card-hover-accent,#c8010a);}
.dc-hhn-card:is(:hover,:focus-within) .dc-hhn-card__date,
.dc-hhn-list-card:is(:hover,:focus-within) .dc-hhn-list-card__date,
.dc-hhn-grid-card:is(:hover,:focus-within) .dc-hhn-grid-card__date,
.dc-hhn-related-card:is(:hover,:focus-within) .dc-hhn-related-card__date{border-bottom-color:var(--dc-tv-card-hover-accent,#c8010a);}
@media (prefers-reduced-motion:reduce){
  .dc-hhn-card__media::after,.dc-hhn-list-card__media::after,.dc-hhn-grid-card__media::after,.dc-hhn-related-card__media::after{transition:none;}
}

/* v1.8.7 – Unified aligned calendar state across every editorial card. */
.dc-tv-calendar-stack {
  display: inline-grid !important;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: minmax(0, 1fr);
  place-items: center;
  position: relative;
  flex: 0 0 auto;
  vertical-align: middle;
  line-height: 1;
  margin: 0;
  padding: 0;
  text-align: center;
}
.dc-tv-calendar-stack > .dc-tv-calendar-state {
  grid-area: 1 / 1;
  width: 100%; height: 100%;
  min-width: 0; min-height: 0;
  display: inline-flex; align-items: center; justify-content: center;
  line-height: 1;
  transition: opacity .22s ease;
}
.dc-tv-calendar-stack .dc-tv-calendar-glyph {
  display: inline-flex; align-items: center; justify-content: center;
  width: 100%; height: 100%;
  font-size: inherit; line-height: 1;
}
.dc-tv-calendar-stack :is(i,svg,img) { display:block; flex:0 0 auto; max-width:100%; max-height:100%; vertical-align:middle; }
.dc-tv-calendar-stack svg, .dc-tv-calendar-stack img { width:100%; height:100%; object-fit:contain; }
.dc-tv-calendar-stack .dc-tv-calendar-state--hover {opacity:0;}
:is(.dc-tv-news__card,.dc-tv-legal__card,.dc-tv-related-card,.dc-hhn-card,.dc-hhn-list-card):is(:hover,:focus-within) .dc-tv-calendar-state--normal {opacity:0;}
:is(.dc-tv-news__card,.dc-tv-legal__card,.dc-tv-related-card,.dc-hhn-card,.dc-hhn-list-card):is(:hover,:focus-within) .dc-tv-calendar-state--hover {opacity:1;}
.dc-hhn--tv .dc-tv-news__date-icon {align-self:center;}
.dc-tv-legal .dc-tv-legal__date-icon {align-self:center; width:15px; height:15px;}
.dc-tv-related-card__date-icon {align-self:center; width:1em; height:1em;}
.dc-hhn-list-card__date-icon {align-self:center; width:1em; height:1em;}
.dc-hhn-card__date-icon {align-self:center; width:1em; height:1em;}
@media(prefers-reduced-motion:reduce){.dc-tv-calendar-stack .dc-tv-calendar-state{transition:none;}}