.tt-cn-box{background:#fff;border:1px solid #e6e9f0;border-radius:12px;overflow:hidden;box-shadow:0 1px 4px rgba(20,40,80,.06);margin-top:16px}
/* Chống tràn ngang mobile: biểu đồ canvas rộng cố định (822px) cuộn trong khung thay vì đẩy cả trang -> giữ lề 2 bên đều */
html,body{overflow-x:hidden;max-width:100%}
.chart-container{overflow-x:auto!important;max-width:100%}
/* Fix template: .row lồng trực tiếp trong .row → ép full-width (box "địa bàn" hết hẹp/dạt trái thừa lề phải) */
.row > .row{flex:0 0 100%!important;width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}
/* Tách 2 box dính trên mobile: box thời tiết (col-md-4) xếp dưới biểu đồ (col-md-8) */
@media(max-width:991.98px){.col-12.col-md-8 + .col-12.col-md-4{margin-top:18px}}
.tt-cn-head{display:flex;justify-content:space-between;align-items:center;gap:8px;background:#2f6fe0;padding:12px 16px}
.tt-cn-head h2{margin:0;color:#fff;font-size:18px;font-weight:700;line-height:1.25}
.tt-cn-head a{color:rgba(255,255,255,.9);font-size:13px;white-space:nowrap;text-decoration:none}
.tt-cn-head a:hover{color:#fff;text-decoration:underline}
.tt-cn-list{list-style:none;margin:0;padding:4px 16px}
.tt-cn-list li{border-bottom:1px solid #eef1f6}
.tt-cn-list li:last-child{border-bottom:0}
.tt-cn-item{display:flex;align-items:center;gap:12px;padding:12px 0;text-decoration:none}
.tt-cn-item img{width:96px;height:60px;object-fit:cover;border-radius:8px;flex:0 0 auto}
.tt-cn-title{color:#1f2d4a;font-size:14.5px;font-weight:600;line-height:1.4}
.tt-cn-item:hover .tt-cn-title{color:#2f6fe0}
/* Đồng bộ ô "Tin tức mới nhất" (.current-location.top-news) sang style card trắng + header xanh (giống cẩm nang).
   KHÔNG đụng ô thời tiết chính vì ô đó là .current-location KHÔNG có .top-news. */
.current-location.top-news{background:#fff!important;color:#1f2d4a!important;border:1px solid #e6e9f0;border-radius:12px;overflow:hidden;box-shadow:0 1px 4px rgba(20,40,80,.06);padding:0!important}
.current-location.top-news>.d-flex{background:#2f6fe0;padding:12px 16px;margin:0!important;align-items:center;gap:8px}
.current-location.top-news>.d-flex h2{color:#fff!important;margin:0!important;font-size:18px}
.current-location.top-news>.d-flex a{color:rgba(255,255,255,.9)!important;white-space:nowrap;font-size:13px}
.current-location.top-news>h2{background:#2f6fe0;color:#fff!important;margin:0!important;padding:12px 16px;font-size:18px}
.current-location.top-news .list-top-news{padding:4px 16px!important;margin:0!important;list-style:none}
.current-location.top-news .list-top-new-items{border-bottom:1px solid #eef1f6;padding:12px 0!important;margin:0!important}
.current-location.top-news .list-top-new-items:last-child{border-bottom:0}
.current-location.top-news .list-top-news,.current-location.top-news .list-top-news *,.current-location.top-news .news-list,.current-location.top-news .news-list *{color:#1f2d4a!important}
.current-location.top-news .news-category{color:#2f6fe0!important;font-size:12.5px}
.current-location.top-news img{border-radius:8px}
/* ===== Trang archive Tin tức (/tin-tuc/) — layout dạng tin tức ===== */
.tt-news-head h1{font-size:24px;font-weight:700;color:#1f2d4a;margin:0 0 6px}
.tt-news-head p{color:#5b6b86;font-size:14.5px;line-height:1.55;margin:0 0 14px}
.tt-news-cats{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.tt-news-chip{display:inline-block;padding:6px 14px;border-radius:999px;background:#eef2fb;color:#2f6fe0;font-size:13.5px;text-decoration:none;border:1px solid #e1e8f5}
.tt-news-chip:hover{background:#2f6fe0;color:#fff}
.tt-news-chip.active{background:#2f6fe0;color:#fff;border-color:#2f6fe0}
.tt-news-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
@media(max-width:575px){.tt-news-grid{grid-template-columns:1fr}}
.tt-news-card{background:#fff;border:1px solid #e6e9f0;border-radius:12px;overflow:hidden;box-shadow:0 1px 4px rgba(20,40,80,.06);display:flex;flex-direction:column;transition:box-shadow .15s,transform .15s}
.tt-news-card:hover{box-shadow:0 8px 20px rgba(20,40,80,.13);transform:translateY(-2px)}
.tt-news-thumb{display:block;position:relative;aspect-ratio:16/9;overflow:hidden;background:#dbe6f5}
.tt-news-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.tt-news-noimg{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:46px;color:#9db6dc}
.tt-news-badge{position:absolute;left:10px;top:10px;background:#2f6fe0;color:#fff;font-size:12px;font-weight:600;padding:3px 10px;border-radius:6px}
.tt-news-body{padding:12px 14px 14px;display:flex;flex-direction:column;flex:1}
.tt-news-title{font-size:16px;line-height:1.35;margin:0 0 6px}
.tt-news-title a{color:#1f2d4a;text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tt-news-title a:hover{color:#2f6fe0}
.tt-news-excerpt{color:#5b6b86;font-size:13.5px;line-height:1.5;margin:0 0 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tt-news-meta{color:#8a97ab;font-size:12.5px;margin-top:auto}
.tt-news-meta .bi{margin-right:3px}
/* Khoảng cách lề phải cho cụm chỉ số (Thấp/Cao, Độ ẩm...) trong ô thời tiết xanh */
.section-current.bg-blue .ps-3{padding-right:1rem}
/* Mobile: ô thời tiết xanh tràn sát viền màn hình (full-bleed) */
@media (max-width:767.98px){
  .section-current.bg-blue{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);border-radius:0}
}
/* Khoảng cách breadcrumb→H1 trang quốc tế (robust, không phụ thuộc inline H1 hay bị revert) */
.ttq-wrap>.alert.alert-primary.no-border{margin-bottom:14px!important}
.ttq-wrap>.ttq-bc{margin-bottom:14px!important}
/* Pill style cho menu link thẳng (vd "Quốc tế") để đồng bộ — CHỈ trong header (tránh đụng tab forecast .menu-location) */
header .nav.nav-pills .nav-link:not(.dropdown-toggle){color:#1a73e8;font-weight:600;border:1px solid #d6e4ff;background:#f3f8ff;border-radius:999px;padding:7px 16px;margin:0 3px;transition:background .15s ease,border-color .15s ease,color .15s ease}
header .nav.nav-pills .nav-link:not(.dropdown-toggle):hover,header .nav.nav-pills .nav-link:not(.dropdown-toggle):focus{background:#e2eeff;border-color:#b9d3ff;color:#1559b8}
@media(max-width:991.98px){header .nav.nav-pills .nav-link:not(.dropdown-toggle){padding:6px 11px;font-size:13px;margin:0;white-space:nowrap}}
/* Tin tức + Cẩm nang: item dạng chip (áp CẢ mobile lẫn desktop) */
header .nav.nav-pills .dropdown-menu[aria-labelledby="mienbac"],header .nav.nav-pills .dropdown-menu[aria-labelledby="ttCamNang"]{position:absolute!important;inset:100% 0 auto auto!important;transform:none!important;max-width:min(88vw,380px)!important;max-height:75vh;overflow:auto;border:1px solid #e6ecf5!important;border-radius:12px!important;box-shadow:0 8px 24px rgba(0,0,0,.16)!important;padding:12px!important;margin:0!important}
header .nav.nav-pills .dropdown-menu[aria-labelledby="mienbac"].show,header .nav.nav-pills .dropdown-menu[aria-labelledby="ttCamNang"].show{display:flex!important;flex-wrap:wrap;gap:7px;align-content:flex-start}
@media(hover:hover) and (pointer:fine){header .nav.nav-pills .nav-item.dropdown:hover>.dropdown-menu[aria-labelledby="mienbac"],header .nav.nav-pills .nav-item.dropdown:hover>.dropdown-menu[aria-labelledby="ttCamNang"]{display:flex!important;flex-wrap:wrap;gap:7px;align-content:flex-start}}
header .nav.nav-pills .dropdown-menu[aria-labelledby="mienbac"] li,header .nav.nav-pills .dropdown-menu[aria-labelledby="ttCamNang"] li{width:auto}
header .nav.nav-pills .dropdown-menu[aria-labelledby="mienbac"] .dropdown-item,header .nav.nav-pills .dropdown-menu[aria-labelledby="ttCamNang"] .dropdown-item{display:inline-block!important;width:auto!important;background:#eef4ff;color:#1f57c7;border:1px solid #d6e4fb;border-radius:16px;padding:6px 14px!important;font-size:13.5px;line-height:1.2;white-space:nowrap}
header .nav.nav-pills .dropdown-menu[aria-labelledby="mienbac"] .dropdown-item.fw-bold,header .nav.nav-pills .dropdown-menu[aria-labelledby="ttCamNang"] .dropdown-item.fw-bold{background:#dfeaff;border-color:#bcd3ff;font-weight:700}
header .nav.nav-pills .dropdown-menu[aria-labelledby="mienbac"] .dropdown-item:hover,header .nav.nav-pills .dropdown-menu[aria-labelledby="mienbac"] .dropdown-item:focus,header .nav.nav-pills .dropdown-menu[aria-labelledby="ttCamNang"] .dropdown-item:hover,header .nav.nav-pills .dropdown-menu[aria-labelledby="ttCamNang"] .dropdown-item:focus{background:#2f6fe0!important;color:#fff!important}
/* dropdown "Việt Nam" gom 3 miền + chip (JS dựng) — áp CẢ mobile lẫn desktop */
.region-dropdown.tt-vn-grouped{grid-template-columns:none!important;text-align:left!important;padding:14px 16px!important;max-height:80vh;overflow:auto}
.menu-item.active .region-dropdown.tt-vn-grouped{display:block!important}
@media(hover:hover) and (pointer:fine){.menu-item:hover .region-dropdown.tt-vn-grouped{display:block!important}}
.region-dropdown.tt-vn-grouped .tt-vn-mh{display:block!important;width:100%!important;list-style:none;font-size:14px;font-weight:800;color:#1f2d4a;margin:12px 0 8px;padding-left:8px;border-left:3px solid #2f6fe0}
.region-dropdown.tt-vn-grouped .tt-vn-mh:first-child{margin-top:0}
.region-dropdown.tt-vn-grouped .tt-vn-mc{display:flex!important;flex-wrap:wrap;gap:8px;width:100%!important;margin:0 0 4px;padding:0;list-style:none}
.region-dropdown.tt-vn-grouped .tt-vn-chip{display:inline-block;background:#eef4ff;color:#1f57c7;border:1px solid #d6e4fb;border-radius:16px;padding:6px 14px;font-size:13.5px;line-height:1.2;text-decoration:none;white-space:nowrap}
.region-dropdown.tt-vn-grouped .tt-vn-chip:hover{background:#2f6fe0;color:#fff}
/* Mobile: logo to thêm ~10% (36px -> 40px) */
@media(max-width:767.98px){header .custom-logo,header .custom-logo-link img,header .custom-logo-link{max-height:40px!important;max-width:48vw!important}}