:root{--ink:#133c45;--muted:#637982;--teal:#087f82;--deep:#07545d;--coral:#f58361;--cream:#faf7f0;--line:#dce8e6;--white:#fff;--shadow:0 18px 45px rgba(16,69,73,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px}a{color:inherit;text-decoration:none}.wrap{width:min(1160px,calc(100% - 48px));margin:auto}.topbar{background:var(--white);border-bottom:1px solid #e8efea}.topbar-inner{height:78px;display:flex;justify-content:space-between;align-items:center}.brand{font-family:Outfit,sans-serif;font-weight:800;letter-spacing:-.065em;font-size:29px;display:inline-flex;align-items:center;gap:9px}.brand-mark{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;color:#fff;background:var(--teal);font-size:22px;letter-spacing:0;box-shadow:inset -6px -5px 0 rgba(0,0,0,.1)}.brand-accent{color:var(--teal)}.topbar nav{display:flex;gap:32px;font-weight:700;font-size:14px}.topbar nav a:hover,.text-link:hover{color:var(--teal)}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 80% 18%,#d6f2e2 0,#eaf5ef 37%,#f4f8f3 68%,#faf7f0 100%);border-bottom:1px solid #e6ece6}.hero-grid{min-height:520px;display:grid;grid-template-columns:1.05fr .95fr;gap:35px;align-items:center}.eyebrow{font-size:12px;letter-spacing:.16em;font-weight:800;color:var(--teal);margin:0 0 18px}.live-dot{display:inline-block;background:#58b898;width:9px;height:9px;border-radius:50%;margin-right:7px}.hero h1,.page-hero h1{font-family:Outfit,sans-serif;font-size:clamp(46px,5vw,72px);letter-spacing:-.045em;line-height:1.04;margin:0;max-width:690px}.hero h1 em,.page-hero h1 em{font-style:normal;color:var(--teal)}.hero-copy{font-size:18px;line-height:1.7;color:var(--muted);max-width:490px;margin:25px 0 30px}.button{display:inline-flex;align-items:center;gap:22px;padding:15px 22px;background:var(--teal);color:#fff;border-radius:14px;font-weight:700;box-shadow:0 9px 20px rgba(8,127,130,.15)}.button:hover{background:var(--deep)}.hero-art{height:430px;position:relative;isolation:isolate}.orbit{position:absolute;border-radius:50%;border:1px solid rgba(8,127,130,.12);top:50%;left:50%;transform:translate(-50%,-50%)}.orbit-one{width:390px;height:390px}.orbit-two{width:300px;height:300px;background:rgba(255,255,255,.35)}.sun{position:absolute;top:83px;left:49%;width:178px;height:178px;border-radius:50%;background:linear-gradient(145deg,#ffca7a,#f58b66);box-shadow:0 0 0 26px rgba(255,181,120,.17),0 0 0 65px rgba(255,181,120,.08);z-index:1}.cloud{position:absolute;background:#fff;border-radius:65px;filter:drop-shadow(0 18px 17px rgba(42,101,101,.13));z-index:2}.cloud:before,.cloud:after{content:"";position:absolute;background:#fff;border-radius:50%}.cloud-one{width:255px;height:69px;top:218px;left:25%}.cloud-one:before{width:130px;height:130px;left:42px;bottom:18px}.cloud-one:after{width:95px;height:95px;right:24px;bottom:18px}.cloud-two{width:145px;height:38px;top:160px;left:7%;opacity:.8}.cloud-two:before{width:69px;height:69px;left:30px;bottom:9px}.cloud-two:after{width:52px;height:52px;right:19px;bottom:8px}.hero-card{position:absolute;z-index:3;bottom:13px;right:30px;background:#fff;border:1px solid #e5eeea;box-shadow:var(--shadow);padding:20px 25px;border-radius:20px;display:flex;flex-direction:column;gap:4px;transform:rotate(3deg)}.hero-card span{font-size:10px;letter-spacing:.12em;font-weight:800;color:var(--teal)}.hero-card strong{font-family:Outfit;font-size:29px;letter-spacing:-.04em}.hero-card small{color:var(--muted)}.section{padding-top:76px}.section-bottom{padding-bottom:90px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.section-heading .eyebrow{margin-bottom:8px}.section h2,.today-side h2{font-family:Outfit,sans-serif;font-size:34px;letter-spacing:-.035em;margin:0}.text-link{font-size:14px;color:var(--teal);font-weight:800;white-space:nowrap}.country-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.country-card{min-height:164px;position:relative;display:flex;flex-direction:column;padding:22px;background:#fff;border:1px solid var(--line);border-radius:19px;transition:transform .2s,box-shadow .2s}.country-card:hover,.city-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.country-symbol{color:var(--coral);font-size:27px;margin-bottom:19px}.country-card strong{font-family:Outfit;font-size:21px}.country-card small,.city-card small{color:var(--muted);font-size:13px;margin-top:4px}.card-arrow{position:absolute;right:20px;bottom:20px;color:var(--teal)}.city-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.city-card{display:flex;align-items:center;gap:16px;position:relative;padding:18px 21px;background:#fff;border:1px solid var(--line);border-radius:15px;transition:transform .2s,box-shadow .2s}.city-card .city-icon{font-size:20px;color:var(--teal);width:40px;height:40px;border-radius:11px;background:#edf7f3;display:grid;place-items:center}.city-card>span:nth-child(2){display:flex;flex-direction:column}.city-card strong{font-size:15px}.city-card .card-arrow{top:30px;bottom:auto}.page-hero{background:radial-gradient(circle at 85% 0,#d9f1e4 0,#eef6ef 42%,#f5f8f2 100%);padding:43px 0 69px;border-bottom:1px solid #dfece5}.page-hero h1{font-size:clamp(40px,4vw,58px);max-width:800px}.page-hero p:not(.eyebrow){color:var(--muted);font-size:17px;margin:20px 0 0}.breadcrumbs{font-size:13px;color:var(--muted);display:flex;gap:10px;margin-bottom:58px}.breadcrumbs a:hover{color:var(--teal)}.city-hero{padding-bottom:94px}.tabs{display:flex;gap:9px;flex-wrap:wrap;margin-top:-31px;position:relative;margin-bottom:30px}.tabs a{background:#fff;border:1px solid var(--line);border-radius:13px;padding:13px 20px;font-weight:700;font-size:14px;box-shadow:0 6px 18px rgba(16,69,73,.04)}.tabs a.active{background:var(--teal);border-color:var(--teal);color:#fff}.today-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.today-card,.today-side{border-radius:22px;padding:30px;min-height:250px}.today-card{background:linear-gradient(145deg,#0b8587,#096872);color:#fff;box-shadow:0 16px 30px rgba(9,104,114,.17)}.today-card .eyebrow{color:#bdf1e5}.today-main{display:flex;align-items:center;gap:27px}.today-symbol{font-size:95px;line-height:1;color:#fff5c9;text-shadow:0 9px 18px rgba(0,0,0,.12)}.today-main>div{display:flex;flex-direction:column}.today-main strong{font-family:Outfit;font-size:68px;line-height:1}.today-main>div>span{font-size:17px}.today-range{border-top:1px solid rgba(255,255,255,.25);display:flex;gap:35px;margin-top:24px;padding-top:17px}.today-range span{display:flex;gap:9px;color:#c6eeeb}.today-range b{color:#fff}.today-side{background:#fff;border:1px solid var(--line)}.today-side p:not(.eyebrow){color:var(--muted);line-height:1.65}.today-side .text-link{display:inline-block;margin-top:6px}.hours-strip{display:flex;gap:12px;overflow-x:auto;padding:3px 0 15px;scroll-snap-type:x mandatory}.hour-card{flex:0 0 125px;scroll-snap-align:start;display:flex;align-items:center;flex-direction:column;gap:9px;padding:20px 13px;border:1px solid var(--line);border-radius:16px;background:#fff;text-align:center;min-height:177px}.hour-card time{font-weight:700;color:var(--muted);font-size:13px}.hour-symbol{font-size:35px;line-height:1;color:var(--teal)}.hour-card strong{font-family:Outfit;font-size:23px}.hour-card small{font-size:11px;color:var(--muted);line-height:1.2}.forecast-list{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden}.forecast-row{display:grid;grid-template-columns:130px 1fr 120px;gap:15px;align-items:center;padding:17px 26px;min-height:85px}.forecast-row+.forecast-row{border-top:1px solid #edf2ed}.forecast-date,.forecast-condition>div{display:flex;flex-direction:column;gap:4px}.forecast-date small,.forecast-condition small{color:var(--muted);font-size:13px}.forecast-condition{display:flex;align-items:center;gap:17px}.forecast-condition>span{font-size:32px;line-height:1;color:var(--teal);width:40px;text-align:center}.forecast-temp{display:flex;align-items:center;justify-content:end;gap:14px;font-family:Outfit;font-size:20px}.forecast-temp span{color:#9aabb0}.empty{background:#fff;border:1px dashed #c4dad3;padding:30px;border-radius:16px;color:var(--muted)}.footer{background:#123e46;color:#d4e6e4}.footer-inner{min-height:130px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:13px}.brand-footer{font-size:21px;color:#fff}.brand-footer .brand-accent{color:#8cdbbe}.footer a:hover{color:#fff}
@media(max-width:850px){.hero-grid{grid-template-columns:1fr;min-height:0;padding-top:70px}.hero-art{height:330px}.country-grid{grid-template-columns:repeat(2,1fr)}.city-grid{grid-template-columns:repeat(2,1fr)}.today-grid{grid-template-columns:1fr}.hero-card{right:10%}.breadcrumbs{margin-bottom:35px}}
@media(max-width:550px){.wrap{width:min(100% - 32px,1160px)}.topbar-inner{height:66px}.brand{font-size:23px}.topbar nav{gap:15px;font-size:13px}.hero-grid{padding-top:57px}.hero h1,.page-hero h1{font-size:42px}.hero-copy{font-size:16px}.hero-art{height:260px}.orbit-one{width:260px;height:260px}.orbit-two{width:210px;height:210px}.sun{width:120px;height:120px;top:55px}.cloud-one{width:170px;height:48px;top:145px}.cloud-one:before{width:90px;height:90px}.cloud-one:after{width:70px;height:70px}.cloud-two{top:100px}.hero-card{bottom:0;right:0;padding:13px 17px}.hero-card strong{font-size:21px}.section{padding-top:55px}.section h2{font-size:28px}.section-heading{align-items:start}.country-grid,.city-grid{grid-template-columns:1fr}.country-card{min-height:118px}.country-symbol{margin-bottom:7px}.page-hero{padding-bottom:58px}.city-hero{padding-bottom:78px}.tabs{gap:6px}.tabs a{padding:10px 12px;font-size:12px}.forecast-row{grid-template-columns:68px 1fr 58px;gap:8px;padding:15px 12px}.forecast-condition{gap:6px}.forecast-condition>span{width:25px;font-size:25px}.forecast-condition strong{font-size:13px}.forecast-condition small{font-size:11px}.forecast-temp{display:flex;flex-direction:column;gap:1px;font-size:17px}.footer-inner{padding:35px 0;align-items:start;flex-direction:column;min-height:0}}
.climate-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:24px;align-items:start;padding-bottom:85px}.climate-article{min-width:0;background:#fff;border:1px solid var(--line);border-radius:22px;padding:42px 48px;box-shadow:var(--shadow)}.article-kicker{font-size:11px;letter-spacing:.16em;font-weight:800;color:var(--teal);margin-bottom:10px}.climate-article h2{font-family:Outfit,sans-serif;font-size:35px;letter-spacing:-.04em;margin:0 0 24px}.climate-article h2:not(:first-of-type){font-size:24px;margin:36px 0 10px}.climate-article p{color:#465f66;line-height:1.8;margin:0 0 19px}.climate-aside-card{position:sticky;top:24px;background:#eaf5ef;border:1px solid #d2e7db;border-radius:19px;padding:27px}.climate-aside-icon{display:grid;place-items:center;background:#fff;width:48px;height:48px;border-radius:14px;color:var(--teal);font-size:29px}.climate-aside h3{font-family:Outfit,sans-serif;font-size:22px;letter-spacing:-.025em;margin:20px 0 10px}.climate-aside p{font-size:14px;line-height:1.65;color:var(--muted);margin:0 0 19px}.climate-table-wrap{width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:15px;margin-top:22px}.climate-table{border-collapse:collapse;width:100%;min-width:570px;font-size:14px}.climate-table th,.climate-table td{text-align:left;padding:13px 17px;border-bottom:1px solid #edf2ed}.climate-table thead{background:#e8f4ee;color:var(--deep)}.climate-table tbody tr:nth-child(even){background:#f8faf6}.climate-table tbody tr:last-child th,.climate-table tbody tr:last-child td{border-bottom:0}.climate-table tbody th{font-weight:700}.climate-table td{text-align:right;font-variant-numeric:tabular-nums}.climate-table thead th:nth-child(n+2){text-align:right}
@media(max-width:850px){.climate-layout{grid-template-columns:1fr}.climate-aside{order:-1}.climate-aside-card{position:static}}
@media(max-width:550px){.climate-article{padding:27px 20px}.climate-article h2{font-size:28px}.climate-article h2:not(:first-of-type){font-size:21px}}
.data-note{color:var(--muted);line-height:1.65;font-size:14px}.data-note a{color:var(--teal);text-decoration:underline}.breadcrumbs{flex-wrap:wrap}.city-card strong{overflow-wrap:anywhere;padding-right:14px}.city-card .city-icon{flex-shrink:0}.page-hero h1{overflow-wrap:anywhere}.info-copy{max-width:820px;line-height:1.8;padding-bottom:70px}.info-copy a{color:var(--teal);text-decoration:underline}.footer nav{line-height:1.8}.country-section{padding-bottom:30px}

@media(max-width:550px){.city-hero{padding-top:28px;padding-bottom:58px}.city-hero .breadcrumbs{margin-bottom:22px}.city-hero h1{font-size:34px;line-height:1.13}.city-hero p:not(.eyebrow){font-size:15px;margin-top:13px}.city-hero+.wrap .tabs{margin-bottom:18px}.city-hero+.wrap>.data-note{font-size:13px;line-height:1.5}.city-hero+.wrap>.section:first-of-type{padding-top:28px}}

.temperature-controls{display:flex;justify-content:flex-end;padding-top:12px;padding-bottom:4px}.temperature-controls[hidden]{display:none}.temperature-controls [role="group"]{display:flex;align-items:center;gap:6px}.temperature-controls [role="group"]>span{font-size:13px;color:var(--muted,#667085);margin-right:6px}.temperature-controls button{font:inherit;font-weight:700;font-size:14px;border:1px solid #cbd5e1;border-radius:8px;padding:7px 12px;background:#fff;color:#334155;cursor:pointer}.temperature-controls button[aria-pressed="true"]{background:#153f3b;border-color:#153f3b;color:#fff}.temperature-controls button:focus-visible{outline:3px solid #f59e0b;outline-offset:2px}.temperature-value{white-space:nowrap}