.tt-ls-chips{display:flex;flex-wrap:wrap;gap:8px}
.tt-ls-chips a{background:#eef4ff;color:#1f57c7;border:1px solid #d6e4fb;border-radius:20px;padding:6px 14px;text-decoration:none;font-size:13.5px;transition:.15s}
.tt-ls-chips a:hover{background:#2f6fe0;color:#fff}
.current-location.top-news>.d-flex a.tt-ls-news-all{color:#fff!important}
.current-location.top-news p.tt-ls-news-src{color:#55647e!important}
.tt-ls-near a small{font-size:12px;opacity:1;margin-inline-start:4px;white-space:nowrap}
.tt-ls-group{margin-bottom:18px}.tt-ls-group:last-child{margin-bottom:0}
.tt-ls-group-title{font-size:15px;font-weight:700;color:#1f2d4a;margin:0 0 10px;padding-left:10px;border-left:4px solid #2f6fe0}
.tt-ls-text{color:#33415c;font-size:15px;line-height:1.75}.tt-ls-text p{margin:0 0 10px}.tt-ls-text h3{font-size:17px;font-weight:700;color:#1f2d4a;margin:16px 0 8px}
.tt-ls-faq-item{border-bottom:1px solid #eef1f6}.tt-ls-faq-item summary{font-weight:600;color:#1f2d4a;font-size:15px;padding:12px 28px 12px 0;cursor:pointer;list-style:none;position:relative}
.tt-ls-faq-item summary::-webkit-details-marker{display:none}.tt-ls-faq-item summary::after{content:"+";position:absolute;right:4px;top:10px;color:#2f6fe0;font-size:18px}
.tt-ls-faq-item[open] summary::after{content:"\2212"}.tt-ls-faq-a{padding:0 0 12px;color:#445;font-size:14.5px;line-height:1.65}
.tt-ls-tbl{width:100%;border-collapse:collapse;font-size:14px}.tt-ls-tbl th,.tt-ls-tbl td{padding:9px 8px;border-bottom:1px solid #eef1f6;text-align:center;vertical-align:middle}
.tt-ls-tbl th{background:#f5f8fc;color:#33415c;font-weight:600;white-space:nowrap}.tt-ls-tbl td:first-child,.tt-ls-tbl th:first-child{text-align:left;white-space:nowrap}
.tt-ls-tbl img{width:36px;height:36px}.tt-ls-tbl .d{text-align:left}.tt-ls-tbl tr.nd td{border-top:2px solid #cfe0fb;background:#f7faff;font-weight:700;text-align:left}
.tt-ls-tblwrap{overflow-x:auto}
.tt-ls-aqi{display:inline-block;padding:4px 14px;border-radius:20px;color:#fff;font-weight:700;font-size:14px;margin-bottom:10px}
.tt-ls-kv{display:grid;grid-template-columns:repeat(auto-fit,minmax(105px,1fr));gap:8px}.tt-ls-kv>div{background:#f7f9fc;border:1px solid #eef1f6;border-radius:10px;padding:9px 11px}
.tt-ls-kv span{display:block;font-size:11.5px;color:#55647e}.tt-ls-kv b{font-size:16px;color:#1f2d4a}
.tt-ls-tools{list-style:none;margin:0;padding:0}.tt-ls-tools li{border-bottom:1px solid #eef1f6}.tt-ls-tools li:last-child{border-bottom:0}
.tt-ls-tools a{display:block;padding:11px 2px;color:#1f57c7;text-decoration:none;font-weight:600;font-size:14.5px}.tt-ls-tools a small{display:block;font-weight:400;color:#55647e;font-size:12.5px;margin-top:2px}
.tt-ls-upd{color:#55647e;font-size:12.5px;margin:8px 0 0}
.tt-ls-tool,.tt-ls-sec{max-width:920px;margin:0 auto}.tt-ls-sec{margin-top:24px}.tt-ls-h1{font-size:22px!important;font-weight:700;margin-bottom:12px}
.tt-ls-h2{font-size:19px;font-weight:700;color:#1f2d4a;margin:22px 0 10px}.tt-ls-text h2{font-size:19px;font-weight:700;color:#1f2d4a;margin:22px 0 8px}
.tt-ls-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:8px 0 16px}.tt-ls-bar label{font-weight:600}
.tt-ls-bar select{padding:8px 12px;border:1px solid #cfd8e6;border-radius:8px;font-size:15px;min-width:150px}
.ttpk2-action{display:inline-block;min-height:44px;margin:4px;padding:8px 12px;border:1px solid #bfd0e7;border-radius:8px;background:#f3f7fe;color:#174f99;font:inherit;font-size:14px;text-align:start;cursor:pointer}
.ttpk2-action:hover,.ttpk2-action:focus-visible{background:#e4efff;outline:2px solid #1f63b0;outline-offset:1px}
.ttpk-l li.ttpk2-region{display:flex;align-items:stretch;border-bottom:1px solid #eef1f6}
.ttpk2-region>.ttpk-it{flex:1;min-width:0;width:auto;border-bottom:0}
.ttpk2-browse{display:inline-flex;align-items:center;justify-content:center;flex:0 0 36px;min-height:32px;margin:4px 8px 4px 0;padding:0;border:1px solid #bfd0e7;border-radius:6px;background:#f3f7fe;color:#174f99;font:inherit;font-size:26px;line-height:1;cursor:pointer}
.ttpk2-browse:hover,.ttpk2-browse:focus-visible{background:#e4efff;outline:2px solid #1f63b0;outline-offset:1px}
.ttpk-l li.ttpk2-actions,.ttpk-l li.ttpk2-breadcrumb{padding:4px 10px;background:#f5f8fc}
.ttpk2-actions .ttpk2-action{width:calc(100% - 8px)}
.tt-ls-picker-note,.tt-ls-picker-status{margin:8px 0 14px;padding:9px 12px;border-radius:8px;background:#f3f7fe;color:#33415c;font-size:14px;line-height:1.5}
.tt-ls-picker-note[hidden],.tt-ls-picker-status[hidden]{display:none}
.tt-ls-picker-status .ttpk2-action{margin-inline-start:10px}
#tt-ls-result[aria-busy="true"]{opacity:.55}
.tt-ls-hero{border:1px solid #e6ebf3;border-radius:14px;padding:18px;margin-bottom:8px}
.tt-ls-hero-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.tt-ls-big{font-size:46px;font-weight:800;line-height:1}
.tt-ls-badge{color:#fff;font-weight:800;padding:5px 14px;border-radius:999px;font-size:15px}.tt-ls-loc{font-size:14px;color:#2c3a52}
.tt-ls-lead{margin-top:12px;color:#26344c;font-size:15.5px;line-height:1.7}.tt-ls-lead p{margin:0}
.tt-ls-pill{color:#fff;font-weight:700;padding:3px 10px;border-radius:999px;font-size:12.5px;white-space:nowrap;display:inline-block}
.tt-ls-small{font-size:12.5px;color:#55647e;display:block;min-width:180px;text-align:left}.tt-ls-astro td{vertical-align:top}.tt-ls-bar[hidden]{display:none}
.tt-ls-bar-tag{font-weight:800;color:#1f63b0;min-width:70px}.tt-ls-cmp th,.tt-ls-cmp td{text-align:center!important;width:36%}.tt-ls-cmp tbody th{width:28%;background:#f5f8fc;font-weight:600;color:#33415c;white-space:normal}.tt-ls-cmp td.tt-ls-win{background:#fdeaea;font-weight:700}.tt-ls-cmp img{vertical-align:middle}
.tt-ls-scope{padding:9px 12px;border-left:4px solid #2f6fe0;background:#f3f8ff;border-radius:6px;font-size:14px}
.tt-ls-warn{margin:0 0 14px;padding:11px 14px;border:1px solid #f0b4b4;border-radius:10px;background:#fdeaea;color:#7d1a1a;font-size:14px;line-height:1.6}
.tt-ls-jump{margin:0 0 6px}.tt-ls-tide td span{color:#55647e;font-size:13px}.tt-ls-tidelink{margin:6px 0 0;font-size:14px}.tt-ls-today td{background:#eef5ff;font-weight:700}
.tt-ls-jvout{margin:0 0 6px;padding:10px 12px;border:1px solid #d6e4fb;border-radius:10px;background:#f3f8ff;font-size:15px}.tt-ls-jvout:empty{display:none}
.tt-ls-bar input[type=date]{padding:8px 12px;border:1.5px solid #8fa3c0;border-radius:8px;font-size:16px;min-height:44px}
.tt-ls-radar-ctl{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px}.tt-ls-radar-ctl input[type=range]{flex:1;min-width:160px}.tt-ls-radar-sat{font-size:14px;display:inline-flex;align-items:center;gap:6px;min-height:44px}
@media(max-width:640px){#ttLsRadar{height:420px!important}}
.tt-ls-more{margin:16px 0 0}.tt-ls-nat td:first-child small{color:#55647e;font-weight:400}.tt-ls-na{padding:14px;background:#fff8e5;border:1px solid #f0d98a;border-radius:10px;color:#7a5b00}
@media(max-width:640px){.tt-ls-big{font-size:38px}}
.tt-ls-note{margin:0 0 14px;padding:11px 14px;border:1px solid #f0d98a;border-radius:10px;background:#fff8e5;color:#5f4700;font-size:14px;line-height:1.6}
.tt-ls-news{list-style:none;margin:0;padding:0}.tt-ls-news li{padding:12px 0;border-bottom:1px solid #eef1f6}.tt-ls-news li:last-child{border-bottom:0}
.tt-ls-news-t a{font-weight:700;color:#1f57c7;text-decoration:none;font-size:15.5px;line-height:1.45}.tt-ls-news-t a:hover{text-decoration:underline}.tt-ls-news-t a:after{content:" ↗";font-weight:400;color:#55647e}
.tt-ls-news-m{font-size:12.5px;color:#55647e;margin-top:3px}.tt-ls-news li p{margin:6px 0 0;color:#3d4a60;font-size:14px;line-height:1.6}
.tt-ls-cloud{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 18px;line-height:1.5}.tt-ls-cloud a{color:#1f57c7;text-decoration:none;font-size:15px}.tt-ls-cloud a:hover{text-decoration:underline}
.tt-ls-cloud a.t2{font-size:19px;font-weight:700}.tt-ls-cloud a.t3{font-size:24px;font-weight:800;color:#163f96}
@media(max-width:640px){.tt-ls-cloud{gap:2px 14px}.tt-ls-cloud a{display:inline-flex;align-items:center;min-height:44px}}
.tt-ls-here-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 10px;font-size:14px;color:#33415c}.tt-ls-here-bar button{min-height:44px;padding:0 16px;border:1.5px solid #1f63b0;border-radius:999px;background:#fff;color:#1f57c7;font-weight:700;font-size:14px;cursor:pointer}
.tt-ls-here-bar button:hover{background:#eef4ff}.tt-ls-here-ctry{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:999px;background:#1f63b0;color:#fff!important;font-weight:700;font-size:14px;text-decoration:none}.tt-ls-here-ctry[hidden]{display:none}.tt-ls-here-ctry:hover{background:#174f8f}.tt-ls-hrs{display:grid;grid-template-columns:repeat(auto-fit,minmax(74px,1fr));gap:6px;padding:0 12px 14px}.tt-ls-hrs>div{background:rgba(13,48,120,.68);border-radius:10px;padding:7px 4px;text-align:center;color:#fff;font-size:13px}
.tt-ls-hrs img{width:34px;height:34px;display:block;margin:2px auto}.tt-ls-hrs b{font-size:15px}
.tt-ls-unit{position:fixed;left:12px;bottom:12px;z-index:9990;display:flex;border:1.5px solid #1f63b0;border-radius:999px;overflow:hidden;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.18)}
.tt-ls-unit button{min-width:46px;min-height:44px;border:0;background:#fff;color:#1f57c7;font-weight:800;font-size:15px;cursor:pointer}.tt-ls-unit button[aria-pressed=true]{background:#1f63b0;color:#fff}
.tt-ls-ok{background:#e9f9f0!important;border-color:#8ed3ad!important;color:#14673a!important}.tt-ls-quake td{vertical-align:top}.tt-ls-news-src{color:rgba(255,255,255,.75);font-size:11.5px}
@media(max-width:600px){.overview-caption-item.tt-sunline{white-space:normal}}
/* Neo dropdown vào cả hàng menu ngôn ngữ, không vào nút đầu tiên: hàng có thể xuống dưới logo/search.
   tt-nav-dropdown tự mở/đóng menu, không dùng Popper để canh lại vị trí. Không áp cho header tiếng Việt. */
header .nav.nav-pills.tt-ls-nav{position:relative;min-width:0;max-width:100%}
header .nav.nav-pills.tt-ls-nav>li{position:static;max-width:100%}
header .nav.nav-pills.tt-ls-nav .dropdown-menu,header .nav.nav-pills.tt-ls-nav .region-dropdown{position:absolute;inset:100% 0 auto auto;transform:none;min-width:0;max-width:100%;max-height:60vh;overflow:auto}
header .nav.nav-pills.tt-ls-nav .region-dropdown{width:100%}
header .nav.nav-pills.tt-ls-nav .dropdown-item,header .nav.nav-pills.tt-ls-nav .tt-vn-chip{white-space:normal;overflow-wrap:anywhere}
/* Cùng breakpoint với header theme; 641–767px vẫn phải cho các nhãn dài xuống hàng. */
@media(max-width:767.98px){
header .nav.nav-pills.tt-ls-nav{flex:0 0 100%;width:100%;flex-wrap:wrap}
header .nav.nav-pills.tt-ls-nav .nav-link{display:inline-flex;align-items:center;min-height:44px;max-width:100%;white-space:normal}
header .nav.nav-pills.tt-ls-nav .dropdown-menu{width:100%}
header .nav.nav-pills.tt-ls-nav .dropdown-item,header .nav.nav-pills.tt-ls-nav .tt-vn-chip{display:flex;align-items:center;min-height:44px}
}
/* Đầu trang site ngôn ngữ (owner 12/10/2026): menu nhiều mục hơn bản Việt nên hay rớt xuống hàng hai, dính sát dưới logo.
   Ô tìm kiếm được co lại (tối thiểu 240px) để đủ rộng thì logo + tìm kiếm + menu nằm MỘT hàng như bản Việt;
   không đủ thì menu xuống hàng riêng, cách hàng trên 12px và thẳng mép trái với logo. */
@media(min-width:768px){
header:has(>.tt-ls-nav){row-gap:12px;align-items:center}
header:has(>.tt-ls-nav)>.search-container{flex:1 1 240px;min-width:240px}
header>.nav.nav-pills.tt-ls-nav{row-gap:6px}
}
/* Chừa chỗ ở cuối trang để nút đổi đơn vị cố định không che các nút đổi ngôn ngữ. */
body:has(.tt-ls-unit) footer .tt-lang-switch{margin-bottom:60px}
/* Shared mobile touch targets. */
@media(max-width:640px){
#tt-topbar .tt-tb-pinbtn{min-width:44px;min-height:44px;justify-content:center}
#tt-topbar .tt-tb-cta{min-height:44px}
.tt-ls-chips a{display:inline-flex;align-items:center;min-height:44px;max-width:100%;overflow-wrap:anywhere}
.menu-location .nav-scroller .nav-link{display:flex;align-items:center;justify-content:center;min-height:44px}
.tt-ls-tool button{min-height:44px;min-width:44px}
footer.footer .footer-items-left>span:first-child{white-space:normal;max-width:100%;overflow-wrap:anywhere}
}