@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#223c35;background:#f5f7f5;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #b49d2a;outline-offset:4px}header{height:94px;padding:0 max(5%,calc((100% - 1280px)/2));display:flex;align-items:center;border-bottom:1px solid #e0e7e1;background:#fff;gap:32px}.brand{text-decoration:none;color:#193e32;font:800 29px Manrope,sans-serif;letter-spacing:-1.5px;display:flex;align-items:center}.brand>span:not(.brand-symbol):not(.brand-dot){font-weight:500}.brand-symbol{display:inline-grid;place-items:center;background:#175f51;color:#eef39b;border-radius:12px;width:39px;height:39px;font-size:29px;margin-right:12px;letter-spacing:0}.brand-dot{color:#91ad58}.header-label{font-size:14px;color:#85908a;border-left:1px solid #dde3de;padding-left:30px}.language{margin-left:auto;font-size:14px;font-weight:700}.language span{color:#8d9792;font-weight:400;margin-left:8px}main{max-width:1280px;margin:auto;padding:43px 0 0}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:30px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:650;margin:0 0 10px;color:#758879}h1{font:750 36px Manrope,sans-serif;letter-spacing:-1.5px;margin:0}.search-wrap{position:relative;width:345px}form{display:flex;border:1px solid #dfe6e0;border-radius:12px;background:white;padding:6px 9px 6px 16px;align-items:center;gap:10px}form>span{font-size:26px;color:#718278}input{border:0;outline:0;min-width:0;width:100%;background:transparent;font-size:14px;padding:11px 0;color:#223c35}form button{border:0;background:#edf2ec;border-radius:8px;width:35px;height:35px;color:#3b5c49}#results{position:absolute;top:60px;left:0;right:0;z-index:4;box-shadow:0 10px 40px #173a3020;background:#fff;border:1px solid #dfe6e0;border-radius:12px;padding:6px}#results button{width:100%;text-align:left;border:0;background:white;padding:12px;border-radius:7px;color:#223c35}#results button:hover{background:#edf3ee}#results small{display:block;color:#77867c;margin-top:4px}.cities{display:flex;gap:8px;margin:30px 0 20px;align-items:center;flex-wrap:wrap}.cities button{border:1px solid transparent;background:transparent;color:#758078;border-radius:24px;padding:9px 20px;font-size:14px}.cities button:hover{background:#e7ede7}.cities button.active{background:#e4eddf;color:#31593a;font-weight:600}.cities .locate{margin-left:auto;border:1px solid #dfe6de;background:#fff;color:#4b6557}#notice{font-size:14px;color:#6b7f6e;margin-bottom:14px;min-height:20px}#notice.error{color:#a23a2e}.dashboard{display:grid;grid-template-columns:1fr 1fr;gap:22px}.panel{background:white;border:1px solid #e4e9e2;border-radius:19px}.current{background:#175f51;color:white;border-radius:20px;padding:28px 32px;position:relative;overflow:hidden;min-height:421px}.current-top{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:13px;color:#c4dace}.pill{font-size:10px;letter-spacing:1.5px;border:1px solid #ffffff38;border-radius:6px;padding:6px 9px;color:#d8e8dd}.place{margin-top:26px}.place h2{font:650 31px Manrope,sans-serif;margin:0 0 3px;letter-spacing:-.6px}.place p{font-size:14px;color:#b1d0bf;margin:0}.temperature-row{display:flex;align-items:center;justify-content:space-between;margin-top:5px;min-height:125px}#temperature{font:500 100px Manrope,sans-serif;letter-spacing:-7px;line-height:1.2}#temperature sup{font-size:57px;vertical-align:top;line-height:1.5;letter-spacing:0}#weather-icon{font-size:100px;line-height:1;color:#f4ec97;margin-right:26px}.current h3{font-size:20px;font-weight:500;margin:7px 0 8px}.feels{font-size:14px;color:#c3dbcf;margin:0}.current-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:25px;border-top:1px solid #ffffff25;padding-top:16px;font-size:12px;color:#b2d1c2}.current-bottom button{border:0;background:transparent;color:#d7e7de;font-size:24px;line-height:1}.forecast{padding:27px 28px 17px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.section-heading h2,.sun-panel h2{font:700 18px Manrope,sans-serif;letter-spacing:-.4px;margin:0}.section-heading>span{font-size:12px;color:#87928a}.day{display:grid;grid-template-columns:76px 36px 46px 1fr 32px;gap:10px;align-items:center;min-height:40px;font-size:14px}.day-name{font-weight:500}.day-icon{font-size:24px;color:#b3943b;text-align:center}.day-low{color:#8b968c;text-align:right}.range{height:5px;background:#f0f3ed;border-radius:8px;position:relative}.range span{display:block;position:absolute;height:5px;border-radius:8px;background:linear-gradient(90deg,#bdd4b0,#e6cb78)}.day-high{text-align:right;font-weight:600}.forecast-note{font-size:11px;color:#98a198;border-top:1px solid #edf0eb;padding-top:14px;margin:12px 0 0}.hourly{grid-column:1/-1;padding:27px 28px}.hours{display:flex;overflow-x:auto;gap:6px;scrollbar-width:thin;padding-bottom:8px}.hour{min-width:85px;flex:1;text-align:center;border-radius:12px;padding:14px 8px 10px;display:flex;flex-direction:column;gap:14px}.hour:first-child{background:#edf3e8}.hour-time{font-size:13px;color:#89968a}.hour:first-child .hour-time{color:#3e674a;font-weight:600}.hour-icon{font-size:30px;color:#b3943b;line-height:1.2}.hour strong{font:650 20px Manrope,sans-serif}.hour-rain{color:#819b8f;font-size:12px}.details{grid-column:1/-1;margin-top:8px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.metric{border:1px solid #e4e9e2;border-radius:16px;padding:23px 24px;background:#fff}.metric-label{font-size:14px;color:#617368}.metric p{font:600 33px Manrope,sans-serif;margin:16px 0 8px;letter-spacing:-1px}.metric small{font-size:16px;font-weight:400;letter-spacing:0;margin-left:5px;color:#8a978d}.metric>span:last-child{font-size:12px;color:#8b968d}.sun-panel{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:35px;padding:28px 32px;background:#eef2e7;border-color:#e6ebdc}.sun-panel .eyebrow{font-size:10px;display:block}.sun-times{display:flex;align-items:center;gap:30px;width:58%}.sun-times>div:not(.day-track){min-width:130px}.sun-times span{font-size:13px;color:#7e8e74}.sun-times strong{display:block;font:650 25px Manrope,sans-serif;margin-top:8px}.day-track{flex:1;height:40px;border-top:1px dashed #bdc9a7;border-radius:50% 50% 0 0;min-width:60px;text-align:center}.day-track span{display:inline-block;font-size:25px;color:#a8a45c;transform:translateY(-17px);background:#eef2e7;padding:0 8px}footer{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:36px;border-top:1px solid #e2e7e0;padding:25px 0 30px;font-size:12px;color:#8a968c}.footer-brand{font:750 18px Manrope,sans-serif;letter-spacing:-.5px;color:#66816b}footer a{color:inherit;text-underline-offset:3px}.loading{font-size:14px;color:#86948a;padding:40px 0}button:disabled{opacity:.5;cursor:wait}[hidden]{display:none!important}@media(min-width:1500px){main{padding-top:50px}.current{min-height:430px}}@media(max-width:1400px){main{margin:0 5%}}@media(max-width:900px){.header-label{display:none}.dashboard{gap:16px}.current{padding:25px}.forecast{padding:25px 18px}.day{grid-template-columns:65px 28px 30px 1fr 30px;gap:5px}.section-heading>span{display:none}.metrics{gap:12px}.metric{padding:20px 15px}.sun-panel{align-items:flex-start;flex-direction:column;gap:28px}.sun-times{width:100%}#weather-icon{font-size:78px;margin-right:0}#temperature{font-size:83px}.current-top{flex-wrap:wrap}.current-top #date{font-size:12px}.cities .locate{margin-left:0}footer>span:last-child{display:none}}@media(max-width:620px){header{height:76px}.brand{font-size:26px}main{padding-top:27px}.toolbar{align-items:stretch;flex-direction:column;gap:20px}h1{font-size:29px}.eyebrow{font-size:10px}.search-wrap{width:100%}.cities{margin-top:20px;gap:5px}.cities button{padding:8px 13px}.cities .locate{padding:8px 13px}.dashboard{grid-template-columns:1fr}.current{min-height:400px}.forecast{grid-row:3}.hourly{padding:23px 20px}.metrics{grid-template-columns:1fr 1fr}.metric-label{font-size:13px}.metric p{font-size:30px}.sun-panel{padding:24px 20px}.sun-times{gap:12px}.sun-times>div:not(.day-track){min-width:108px}.sun-times span{font-size:11px}.day{min-height:45px;grid-template-columns:80px 38px 35px 1fr 35px}.forecast{padding:24px}footer{align-items:flex-start;flex-direction:column;gap:12px}.current-top{flex-wrap:nowrap}.temperature-row{margin-top:15px}#temperature{font-size:100px}#weather-icon{font-size:94px;margin-right:20px}}
.dashboard>*{min-width:0}.day{grid-template-columns:90px 36px 36px 1fr 32px}.pill,.eyebrow,.sun-panel .eyebrow,.forecast-note{font-size:12px}.metric-label,.section-heading>span,.hour-time,.sun-times span{font-size:14px}.toolbar>div:first-child{flex-shrink:0}@media(max-width:900px) and (min-width:621px){.toolbar{flex-direction:column;align-items:stretch;gap:20px}.search-wrap{width:100%}.day{grid-template-columns:80px 26px 28px 1fr 28px;font-size:13px}}@media(max-width:620px){.day{grid-template-columns:85px 32px 30px 1fr 30px}.sun-times span{font-size:12px}}

.site-logo{max-width:240px;max-height:55px;object-fit:contain}.brand{max-width:55%}.brand>span:last-child{overflow-wrap:anywhere}@media(max-width:620px){.site-logo{max-width:190px;max-height:45px}}
.recent-panel{margin-top:24px;padding:28px}.recent-list{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:0;margin:0}.recent-list a{width:100%;text-align:left;padding:14px;border:1px solid #e0e7de;border-radius:10px;background:#f8faf6;color:#315746;text-decoration:none;display:flex;flex-direction:column;gap:6px}.recent-list a:hover{background:#eaf2e4;border-color:#c9d8c3}.recent-list strong{font-size:15px;overflow-wrap:anywhere}.recent-list span{font-size:13px;color:#657969}.recent-list .recent-meta,.recent-list time{font-size:12px;color:#81907f}.catalog-credit,#history-status{font-size:13px;color:#71816e;line-height:1.6}.catalog-credit{margin-top:24px}.catalog-credit a{color:inherit}#results{max-height:360px;overflow:auto}#results button:focus{background:#edf3ee}@media(max-width:900px){.recent-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:420px){.recent-panel{padding:18px}.recent-list{grid-template-columns:1fr}}
.country-menu{background:#fff;border-bottom:1px solid #e0e7e1;padding:0 max(5%,calc((100% - 1280px)/2));position:relative;z-index:6}.country-menu-inner{display:flex;flex-wrap:wrap;gap:4px}.country{position:static}.country summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;padding:15px 18px;font:700 13px Manrope,sans-serif;letter-spacing:1.2px;color:#31593a;border-bottom:3px solid transparent;user-select:none}.country summary::-webkit-details-marker{display:none}.country summary::after{content:'▾';font-size:11px;color:#8a998c;transition:transform .15s}.country[open] summary::after{transform:rotate(180deg)}.country summary small{font:600 11px 'DM Sans',sans-serif;letter-spacing:0;color:#7d8e80;background:#eef3ec;border-radius:10px;padding:2px 7px}.country summary:hover,.country[open] summary{background:#f4f8f2;border-bottom-color:#175f51}.country summary:focus-visible{outline:3px solid #b49d2a;outline-offset:-3px}.country-panel{position:absolute;left:max(5%,calc((100% - 1280px)/2));right:max(5%,calc((100% - 1280px)/2));top:100%;background:#fff;border:1px solid #dfe6e0;border-radius:0 0 16px 16px;box-shadow:0 18px 40px #173a3024;padding:22px 26px;max-height:min(70vh,560px);overflow:auto}.country-panel-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:14px;border-bottom:1px solid #edf1ec;padding-bottom:12px}.country-panel-head strong{font:750 20px Manrope,sans-serif;letter-spacing:-.4px;color:#193e32}.country-panel-head span{font-size:13px;color:#7d8e80}.country-panel ul{list-style:none;margin:0;padding:0;columns:5 170px;column-gap:24px}.country-panel li{break-inside:avoid}.country-panel a{display:block;padding:5px 8px;border-radius:6px;font-size:14px;color:#315746;text-decoration:none;overflow-wrap:anywhere}.country-panel a:hover,.country-panel a:focus-visible{background:#eaf2e4}.country-panel a.main{font-weight:700;color:#175f51}.country-empty{font-size:14px;color:#71816e;margin:0}
@media(max-width:900px){.country-menu{padding:0 5%}.country summary{padding:13px 12px;font-size:12px;letter-spacing:.8px}.country-panel{left:0;right:0;border-radius:0;padding:18px 5%}.country-panel ul{columns:3 140px}}
@media(max-width:620px){.country-menu-inner{gap:0}.country{flex:1 1 50%}.country summary{justify-content:center;padding:12px 6px;font-size:11px;letter-spacing:.5px}.country-panel ul{columns:2}}