.tn-weather { --navy:#061a50; --blue:#0871ea; --muted:#506683; --line:#d8e6f0; overflow-x:clip; color:var(--navy); }
.tn-weather img{display:block;width:100%}.tn-weather button,.tn-weather select{font:inherit}.tn-weather-section{padding-top:38px;padding-bottom:42px;scroll-margin-top:120px}.tn-weather-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px}.tn-weather-heading span{color:#0870dc;font-size:9px;font-weight:900;letter-spacing:.08em}.tn-weather-heading h2{margin:3px 0 0;font-size:29px;line-height:1.05;letter-spacing:-1px}.tn-weather-heading p{margin:6px 0 0;color:var(--muted);font-size:10px}.tn-weather-heading>em{padding:6px 9px;border-radius:99px;color:#a55a0a;background:#fff0d8;font-size:8px;font-style:normal;font-weight:850}.tn-weather-heading>form{display:flex}.tn-weather-heading>form select{height:38px;min-width:190px;padding:0 10px;border:1px solid #cadbea;border-radius:7px 0 0 7px;color:#17345d;background:#fff;font-size:9px}.tn-weather-heading>form button{height:38px;padding:0 14px;border:0;border-radius:0 7px 7px 0;color:#fff;background:#0870e9;font-size:9px;font-weight:850}
.tn-weather-hero{position:relative;overflow:hidden;background:#e9f8ff url('/images/index-hero.png') center 55%/cover no-repeat}.tn-weather-hero__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(247,253,255,.98) 0%,rgba(237,249,255,.94) 43%,rgba(223,246,255,.72) 68%,rgba(229,250,255,.5))}.tn-weather-hero__inner{position:relative;min-height:430px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:25px;padding-top:22px;padding-bottom:32px}.tn-weather-hero__copy nav{display:flex;align-items:center;gap:7px;margin-bottom:26px;color:#536d8b;font-size:9px;font-weight:750}.tn-weather-hero__copy nav a{color:#0870d8}.tn-weather-hero__copy nav i{font-size:6px}.tn-weather-hero__copy>p{margin:0 0 8px;color:#086bd5;font-size:10px;font-weight:900;letter-spacing:.08em}.tn-weather-hero h1{max-width:620px;margin:0;font-size:clamp(40px,4.2vw,61px);line-height:.98;letter-spacing:-2.8px}.tn-weather-hero__lead{max-width:590px;margin:13px 0 17px;color:#263f65;font-size:14px;line-height:1.45}.tn-weather-search{max-width:630px;display:grid;grid-template-columns:1fr 1fr auto;gap:8px;padding:10px;border:1px solid #cfe1ee;border-radius:10px;background:rgba(255,255,255,.96);box-shadow:0 12px 30px rgba(14,72,115,.13)}.tn-weather-search label>span{display:block;margin-bottom:5px;color:#3e5776;font-size:8px;font-weight:800}.tn-weather-search select{width:100%;height:38px;padding:0 9px;border:1px solid #d2e0eb;border-radius:6px;color:#17365f;background:#fff;font-size:9px}.tn-weather-search button{align-self:end;height:38px;padding:0 14px;border:0;border-radius:6px;color:#fff;background:linear-gradient(180deg,#1684f4,#0862e4);font-size:9px;font-weight:850;white-space:nowrap}.tn-weather-trust{display:flex;gap:19px;margin-top:15px;color:#375373;font-size:8px;font-weight:700}.tn-weather-trust i{margin-right:6px;color:#0872e9}
.tn-weather-map{position:relative;height:380px}.tn-weather-map>img{height:100%;object-fit:cover;object-position:center;filter:saturate(.8) brightness(1.07);opacity:.82}.tn-weather-map>span{position:absolute;display:grid;grid-template-columns:24px 1fr;gap:2px 6px;padding:8px 10px;border:1px solid rgba(190,215,231,.85);border-radius:7px;background:rgba(255,255,255,.92);box-shadow:0 6px 15px rgba(10,58,96,.13);font-size:8px}.tn-weather-map>span i{grid-row:1/3;align-self:center;color:#f3a000;font-size:18px}.tn-weather-map>span b,.tn-weather-map>span small{display:block}.tn-weather-map>span small{color:#516a86;font-size:7px}.tn-weather-map .north{left:38%;top:7%}.tn-weather-map .central{left:20%;top:38%}.tn-weather-map .andaman{left:6%;bottom:18%}.tn-weather-map .gulf{right:8%;bottom:12%}.tn-weather-map .andaman i,.tn-weather-map .gulf i{color:#0879ec}
.tn-weather-tabs{position:sticky;top:92px;z-index:20;border-bottom:1px solid #dce7ef;background:rgba(255,255,255,.95);box-shadow:0 5px 15px rgba(13,53,91,.06);backdrop-filter:blur(10px)}.tn-weather-tabs>.tn-shell{display:grid;grid-template-columns:repeat(4,1fr)}.tn-weather-tabs a{height:45px;display:flex;align-items:center;justify-content:center;gap:8px;border-bottom:3px solid transparent;color:#274567;font-size:9px;font-weight:800}.tn-weather-tabs a:first-child{border-color:#0870ee;color:#0870ee}.tn-weather-tabs i{font-size:13px;color:#0870df}
.tn-weather-months{display:grid;grid-template-columns:repeat(12,1fr);margin-bottom:14px;padding:4px;border:1px solid #dce7ef;border-radius:8px;background:#f7fafc}.tn-weather-months a{min-height:30px;display:grid;place-items:center;border-radius:5px;color:#536985;font-size:8px;font-weight:700}.tn-weather-months a.is-active{color:#fff;background:#0870ec;box-shadow:0 4px 10px rgba(8,112,236,.2)}
.tn-weather-region-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:11px}.tn-weather-region-grid article{overflow:hidden;border:1px solid var(--line);border-radius:9px;background:#fff;box-shadow:0 6px 18px rgba(10,49,87,.05)}.tn-weather-region-grid img{height:108px;object-fit:cover}.tn-weather-region-grid article>div{padding:11px}.tn-weather-region-grid h3{margin:0 0 7px;font-size:11px}.tn-weather-state{display:flex;align-items:center;gap:6px;margin:0 0 8px;color:#086bd9;font-size:9px;font-weight:850}.tn-weather-state i{color:#f2a000;font-size:14px}.tn-weather-region-grid ul{display:grid;gap:6px;margin:0;padding:0;list-style:none;color:#506580;font-size:8px}.tn-weather-region-grid li{display:flex;gap:7px;line-height:1.35}.tn-weather-region-grid li i{width:12px;color:#0874e8}.tn-weather-region-grid article a{display:block;margin-top:10px;color:#0867df;font-size:8px;font-weight:850}
.tn-weather-pattern{margin-top:14px;padding:13px 15px;border:1px solid #d7e6ef;border-radius:9px;background:linear-gradient(100deg,#edf8ff,#fff)}.tn-weather-pattern header{display:flex;justify-content:space-between}.tn-weather-pattern h3{margin:0;font-size:11px}.tn-weather-pattern header p{margin:2px 0 0;color:var(--muted);font-size:7px}.tn-weather-pattern header>div:last-child{display:flex;align-items:center;gap:5px;color:#536985;font-size:7px}.tn-weather-pattern header span{width:7px;height:7px;border-radius:50%}.tn-weather-pattern .rain{background:#4098ed}.tn-weather-pattern .heat{background:#ffad49}.tn-weather-pattern .crowd{background:#956ad6}.tn-weather-chart{height:90px;display:grid;grid-template-columns:repeat(12,1fr);gap:5px;align-items:end;margin-top:10px}.tn-weather-chart>div{position:relative;height:80px;display:flex;align-items:flex-end;justify-content:center;gap:3px;padding:16px 4px 0;border-radius:5px}.tn-weather-chart>div.is-active{background:#dff0ff}.tn-weather-chart span{position:absolute;left:0;right:0;bottom:-1px;text-align:center;font-size:7px}.tn-weather-chart i{width:8px;height:calc(var(--h) * .55);border-radius:3px 3px 0 0}
.tn-weather-coasts,.tn-weather-seasons{background:linear-gradient(105deg,#e6f7ff,#effbff)}.tn-weather-coast-grid{display:grid;grid-template-columns:1fr .52fr 1fr;gap:18px}.tn-weather-coast-grid>article{display:grid;grid-template-columns:42% 1fr;overflow:hidden;border:1px solid #d6e5ef;border-radius:9px;background:#fff}.tn-weather-coast-grid>article>img{height:100%;min-height:185px;object-fit:cover}.tn-weather-coast-grid>article>div{padding:16px}.tn-weather-coast-grid article span{color:#0870d8;font-size:7px;font-weight:900}.tn-weather-coast-grid h3{margin:4px 0 8px;font-size:15px}.tn-weather-coast-grid p{margin:0;color:var(--muted);font-size:8px;line-height:1.5}.tn-weather-coast-grid a{display:block;margin-top:12px;color:#0864dd;font-size:8px;font-weight:850}.tn-weather-coast-map{position:relative;min-height:185px}.tn-weather-coast-map img{height:100%;object-fit:cover;filter:saturate(.65) brightness(1.08);opacity:.75}.tn-weather-coast-map span{position:absolute;color:#0755b6;font-size:8px;font-weight:850;text-align:center}.tn-weather-coast-map span i{display:block;margin-top:4px;font-size:16px}.tn-weather-coast-map .west{left:0;bottom:20%}.tn-weather-coast-map .east{right:0;bottom:23%}
.tn-weather-live{display:grid;grid-template-columns:1fr 240px;gap:12px}.tn-weather-live__main,.tn-weather-live aside{border:1px solid var(--line);border-radius:9px;background:#fff}.tn-weather-live__main header{display:flex;justify-content:space-between;padding:10px 13px;border-bottom:1px solid #e3eaf1;color:#3d5574;font-size:8px}.tn-weather-live__main header i{margin-right:6px;color:#16a366;font-size:7px}.tn-weather-live__main header small{color:#7a8899;font-size:7px}.tn-weather-days{display:grid;grid-template-columns:repeat(8,1fr)}.tn-weather-days article{min-height:123px;display:flex;align-items:center;flex-direction:column;justify-content:center;border-right:1px solid #e5ebf1;text-align:center}.tn-weather-days article:last-child{border:0}.tn-weather-days article.is-now{background:#f1f8ff}.tn-weather-days small{font-size:8px;font-weight:850}.tn-weather-days small em{display:block;margin-top:2px;color:#6a7d95;font-size:6px;font-style:normal}.tn-weather-days>article>i{margin:8px 0;color:#f4a000;font-size:21px}.tn-weather-days strong{font-size:12px}.tn-weather-days strong b{color:#7790ad;font-size:9px;font-weight:700}.tn-weather-days span{margin-top:5px;color:#526985;font-size:7px}.tn-weather-live aside{padding:17px;background:linear-gradient(145deg,#eef9ff,#edfbf4)}.tn-weather-live aside>i{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#16a36a}.tn-weather-live aside h3{margin:10px 0 4px;font-size:11px}.tn-weather-live aside p{margin:0;color:var(--muted);font-size:8px;line-height:1.45}.tn-weather-live aside a{display:block;margin-top:18px;padding:10px;border-radius:6px;color:#fff;background:#0870ec;font-size:8px;font-weight:850;text-align:center}.tn-weather-credit{margin:8px 0 0;color:#6c7d91;font-size:7px;text-align:right}.tn-weather-credit a{color:#0869dd;font-weight:800}.tn-weather-unavailable{display:grid;grid-template-columns:50px 1fr auto;align-items:center;gap:15px;padding:20px;border:1px dashed #bcd1e0;border-radius:9px;background:#f7fbfe}.tn-weather-unavailable>i{font-size:30px;color:#0871e8}.tn-weather-unavailable h3{margin:0;font-size:14px}.tn-weather-unavailable p{margin:4px 0 0;color:var(--muted);font-size:9px}.tn-weather-unavailable a{padding:10px 13px;border-radius:6px;color:#fff;background:#0870e9;font-size:8px;font-weight:850}
.tn-weather-season-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.tn-weather-season-grid article{display:grid;grid-template-columns:55px 1fr;gap:11px;padding:17px;border:1px solid #d8e6ef;border-radius:9px;background:#fff}.tn-weather-season-grid article>i{width:52px;height:52px;display:grid;place-items:center;border-radius:12px;color:#f2a000;background:#fff3d8;font-size:26px}.tn-weather-season-grid article:nth-child(2)>i{color:#0879e9;background:#e5f3ff}.tn-weather-season-grid h3{margin:0;font-size:12px}.tn-weather-season-grid strong{display:block;margin:3px 0 8px;color:#0870d6;font-size:8px}.tn-weather-season-grid p{margin:0;color:var(--muted);font-size:8px;line-height:1.45}.tn-weather-risk-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.tn-weather-risk-grid article{display:grid;grid-template-columns:50px 1fr;gap:11px;padding:14px;border:1px solid var(--line);border-radius:8px}.tn-weather-risk-grid article>i{width:48px;height:48px;display:grid;place-items:center;border-radius:12px;color:#0872e9;background:#eaf4ff;font-size:23px}.tn-weather-risk-grid h3{margin:0 0 4px;font-size:11px}.tn-weather-risk-grid p{margin:0;color:var(--muted);font-size:8px;line-height:1.4}.tn-weather-risk-grid a{display:block;margin-top:6px;color:#0865df;font-size:8px;font-weight:850}
.tn-weather-method{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:15px;margin-bottom:20px;padding:14px;border:1px solid #bdd9ed;border-radius:9px;background:linear-gradient(100deg,#eef8ff,#fff)}.tn-weather-method>div{display:grid;grid-template-columns:35px 1fr;gap:8px}.tn-weather-method>div>i{width:33px;height:33px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#0871e8}.tn-weather-method strong,.tn-weather-method small{display:block}.tn-weather-method strong{font-size:9px}.tn-weather-method small{margin-top:3px;color:var(--muted);font-size:7px;line-height:1.4}.tn-weather-method>a{padding:10px 12px;border-radius:6px;color:#fff;background:#0870ea;font-size:8px;font-weight:850}.tn-weather-faq{padding-top:15px}.tn-weather-faq>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:7px}.tn-weather-faq details{border:1px solid var(--line);border-radius:7px}.tn-weather-faq summary{min-height:39px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;list-style:none;font-size:8px;font-weight:800;cursor:pointer}.tn-weather-faq summary::-webkit-details-marker{display:none}.tn-weather-faq details[open] summary i{transform:rotate(45deg)}.tn-weather-faq details p{margin:0;padding:0 12px 12px;color:var(--muted);font-size:8px;line-height:1.45}.tn-weather-final{color:#fff;background:linear-gradient(90deg,#075de0,rgba(6,89,215,.72)),url('/images/index-hero.png') center/cover}.tn-weather-final>.tn-shell{min-height:130px;display:flex;align-items:center;justify-content:space-between;gap:20px}.tn-weather-final h2{margin:0;font-size:23px}.tn-weather-final p{margin:5px 0 0;font-size:9px}.tn-weather-final>.tn-shell>div:last-child{display:flex;gap:8px}.tn-weather-final a{padding:10px 14px;border:1px solid #fff;border-radius:6px;color:#0862df;background:#fff;font-size:8px;font-weight:850}.tn-weather-final a:last-child{color:#fff;background:transparent}
@media(max-width:1050px){.tn-weather-region-grid{grid-template-columns:repeat(3,1fr)}.tn-weather-live{grid-template-columns:1fr}.tn-weather-days{overflow-x:auto;grid-template-columns:repeat(8,minmax(100px,1fr))}.tn-weather-live aside{display:grid;grid-template-columns:45px 1fr auto;align-items:center;gap:10px}.tn-weather-live aside h3{margin:0}.tn-weather-live aside a{margin:0}.tn-weather-coast-grid{grid-template-columns:1fr 220px 1fr}.tn-weather-coast-grid>article{grid-template-columns:1fr}.tn-weather-coast-grid>article>img{min-height:130px}}
@media(max-width:760px){.tn-weather-section{padding-top:30px;padding-bottom:32px}.tn-weather-hero__inner{grid-template-columns:1fr;padding-top:25px}.tn-weather-hero h1{font-size:44px}.tn-weather-map{height:310px}.tn-weather-search{grid-template-columns:1fr 1fr}.tn-weather-search button{grid-column:1/-1}.tn-weather-trust{flex-wrap:wrap}.tn-weather-tabs{top:76px;max-width:100vw;overflow-x:auto}.tn-weather-tabs>.tn-shell{width:600px;max-width:none;grid-template-columns:repeat(4,150px)}.tn-weather-heading{align-items:flex-start;flex-direction:column}.tn-weather-months{width:100%;max-width:100%;overflow-x:auto;grid-template-columns:repeat(12,52px)}.tn-weather-region-grid{width:100%;max-width:100%;display:flex;overflow-x:auto;padding:0 14px 9px 0}.tn-weather-region-grid article{min-width:230px}.tn-weather-coast-grid{grid-template-columns:1fr}.tn-weather-coast-grid>article{grid-template-columns:40% 1fr}.tn-weather-coast-map{height:240px;order:3}.tn-weather-season-grid{grid-template-columns:1fr}.tn-weather-method{grid-template-columns:1fr}.tn-weather-risk-grid,.tn-weather-faq>div:last-child{grid-template-columns:1fr}.tn-weather-final>.tn-shell{align-items:flex-start;flex-direction:column;justify-content:center}}
@media(max-width:520px){.tn-weather-hero h1{font-size:38px;letter-spacing:-2px}.tn-weather-search{grid-template-columns:1fr}.tn-weather-search button{grid-column:auto}.tn-weather-map{height:260px}.tn-weather-map>span{padding:6px}.tn-weather-map>span small{display:none}.tn-weather-map .central{left:5%}.tn-weather-coast-grid>article{grid-template-columns:1fr}.tn-weather-live aside{grid-template-columns:42px 1fr}.tn-weather-live aside a{grid-column:1/-1}.tn-weather-unavailable{grid-template-columns:40px 1fr}.tn-weather-unavailable a{grid-column:1/-1;text-align:center}.tn-weather-final>.tn-shell>div:last-child{align-items:stretch;flex-direction:column;width:100%}.tn-weather-final a{text-align:center}}
@media(prefers-reduced-motion:reduce){.tn-weather *{scroll-behavior:auto!important;transition:none!important}}