.box-info .story__summary {display: block;}
.box-info .story__summary > a { overflow: initial;display: inline-block;color: var(--primary);text-decoration: underline;}
.box-info .story__thumb  {    height: 230px;   }
.box-info .story__thumb img{    object-fit: contain;}
a.view-more:not([href]) {        color: #fff;    }
.abf-dhd .story .story__thumb, .timeline .story .story__thumb, .box-related-news .story .story__thumb { box-shadow: 0px 1px 2px var(--Gray-300), 0px 0px 2px var(--Gray-500);}
.article .article__meta {    display: block;}
.article .article__meta .author { display: block; }
.article .article__meta .author + .time::before {  content: none;}
.box-filter select{width:230px;}
.multimedia .tabs {    justify-content: center;}
.timeline .box-content .story .location, .abf-dhd .center .story .location, .abf-dhd .left .story .location, .multimedia .box-content .story .location {    padding-top: 7px;}
.abf-dhd .center .story__heading a, .abf-dhd .left .story__heading a, .timeline .box-content .story__heading a {    padding-top: 7px;    font-weight: 500;}
.abf-dhd .right .story__heading a {    padding-top: 7px;    font-weight: 500;}
.story__summary > * {    display: inline;}
.story__summary > span {    display: inline;    color: var(--primary);    font-weight: 500;}
.multimedia .box-content .story .location {margin-top: 8px;display: flex;align-items: center;color: var(--Gray-White);font-size: 14px;font-weight: var(--font-weight-medium);        gap: 4px;    }
.multimedia .box-content .story .location {    margin-top: 8px;    display: flex;    align-items: center;    color: var(--Gray-White);font-size: 14px;font-weight: var(--font-weight-medium);gap: 4px;}
.search .region-text {    display: flex;    justify-content: space-between;    align-items: center;    margin-bottom: 32px;    padding-top: 20px;    position: relative;}
.search .keywords {    padding-left: 24px;    text-transform: uppercase;    font-weight: 500;}
.search .keywords .search-keyword {        color: var(--primary)    }
.search .region-text .keywords ::before {    content: '';    width: 11px;    height: 32px;    position: absolute; /* top: 5px; */    left: 0;    background-color: var(--primary);    webkit-transform: skew(-20deg);    -moz-transform: skew(-20deg);    -o-transform: skew(-20deg);    transform: skew(-20deg);}
.timeline.content-list .box-content {    display: flex;    justify-content: space-between;    flex-flow: row wrap;}
.timeline.content-list .story {    margin-bottom: var(--gutter);    padding-bottom: var(--gutter);    border-bottom: 1px solid var(--border-color);}
.timeline.content-list .story__thumb {    width: 340px;    margin-bottom: 0;    float: left;    margin-right: 20px;}
/*Bieu do */
.box-bieudo {    display: flex;    flex-direction: row; /* horizontal layout */    gap: 20px;    width: 100%; /* Takes full width of its parent */    max-width: 100vw; /* Optional: prevents overflow */}
.box-bieudo .column {        flex: 1; /* equal width columns */        padding: 20px;    }
/* #btv-chart {    width: 100%;    margin: 0 auto;    border-right: 1px solid var(--Gray-200);} */
/* max-width: 800px; */
#bch-chart .bar caption, #btv-chart .bar caption {    font-size: 2rem;    font-weight: bold;    line-height: 2.5rem;    text-transform: uppercase;    text-align: center;}
#bch-chart .bar, #btv-chart .bar {    --color: var(--color-3);    --labels-size: 120px;    --aspect-ratio: auto; /* Controls bar thickness vs length */}
#bch-chart .bar td, #btv-chart .bar td {border-radius: 5px;        padding-right: 7px;    }
#btv-chart .bar td .data, #bch-chart .bar td .data {            padding-left: 14px;        }
#bch-chart .bar tr, #btv-chart .bar tr {        transition-duration: 0.3s;    }
#bch-chart .bar tr:hover, #btv-chart .bar tr:hover {background-color: rgba(75, 75, 75, 0.2);            border-radius: 5px;        }
#bch-chart .bar tr:hover th, #btv-chart .bar tr:hover th {background-color: rgba(245, 166, 35, 0.6);color: var(--color-1);justify-content: center;                border-radius: 5px;            }
    /* #btv-chart .bar tbody {  overflow-x: hidden;} remove this to see how it works */
#btv-chart .bar tbody th, #bch-chart .bar tbody th {        background-color: #fff;        z-index: 1; font-size:1rem;    }
#btv-chart .bar tbody td, #bch-chart .bar tbody td {        transform-origin: left;        animation: moving-bars 2s ease-out forwards;    }
@keyframes moving-bars {
    from {
        width: 0;
    }

    to {
        width: var(--value); /* Adjust to desired final width */
    }
}

@media only screen and (max-width: 600px) {
    .box-bieudo {
        flex-direction: column;
    }
}
.load-more {    justify-content: center;    display: flex;    font-weight: 500;    font-size: 1.5rem;}
.ic-arrow-down:before {    content: "\e900";    transform: rotate(90deg);    font-size: 16px;    margin-left: 5px;}
.ic-arrow-up:before {    content: "\e900";    transform: rotate(-90deg);    font-size: 16px;    margin-left: 5px;}
.box-info .story__heading {    display: block;}
.box-info .term{font-size:15px;}
.executive-list .box-heading.two-rows {    flex-wrap: wrap;    flex-direction: column;    align-items: center;}
.box-filter {justify-content:center;}
.story__summary > b{font-weight:600;font-size:15px;color:var(--body-color);}
.box-filter a.title {font-size: 1.8rem;font-weight: 500;color: var(--primary);white-space: nowrap;text-transform:uppercase;}
.flex-wrap {    flex-wrap: wrap !important;}
/*.story__thumb img{object-fit:contain;}*/