:root{font-family:Tahoma,Arial,sans-serif;color:#183d3c;background:#f5f4ee;line-height:1.6}*{box-sizing:border-box}body{margin:0}a{color:inherit}header,main,footer{max-width:1240px;margin:auto;padding:28px 36px}header{display:flex;align-items:center;gap:30px;border-bottom:1px solid #daddd3}header span{font-size:13px;color:#657875;flex:1}.brand{text-decoration:none;font-size:23px;font-weight:bold}.language{font-size:14px}main{padding-top:52px}.eyebrow{font-size:12px;letter-spacing:1.4px;color:#61817a}h1{font-size:clamp(30px,4vw,52px);margin:12px 0}h2{font-size:24px}h3{font-size:13px}.intro{color:#6b7e78}form{display:flex;gap:12px;align-items:center;margin:30px 0}select,button{font:inherit;border:1px solid #cbd5cb;border-radius:9px;padding:10px 20px;background:#fff;color:#254b43}button{cursor:pointer}button:hover,button[aria-pressed=true]{background:#254b43;color:white}select{min-width:180px}.hero{background:#173f3b;color:#fff;border-radius:24px;padding:38px 48px;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden}.hero .eyebrow{color:#b4cfaa}.hero h2{font-size:34px;margin:8px 0}.hero small{font-size:12px;font-weight:normal;opacity:.75}.temperature{font-size:92px;line-height:1.3;display:flex;gap:55px;align-items:center}.temperature span{font-size:78px;color:#e9c277}.metrics{display:grid;gap:22px;border-inline-start:1px solid #52716a;padding-inline-start:65px;min-width:210px}.metrics strong{display:block;font-size:25px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}section{margin:36px 0}.hours{display:flex;gap:12px;overflow-x:auto;padding-bottom:14px}.hour{flex:0 0 100px;background:white;border:1px solid #e4e7df;border-radius:14px;text-align:center;padding:18px 10px}.hour p{margin:6px}.symbol{font-size:32px}.rain{color:#557f93;font-size:12px}.days{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}.days article{background:#e9ede4;border-radius:14px;padding:15px 8px;text-align:center}.days p{font-size:12px}.cities{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.cities a{text-decoration:none;background:white;border:1px solid #e0e5dc;border-radius:12px;padding:18px;display:flex;justify-content:space-between;align-items:center;gap:8px}.cities small{color:#81918b;font-size:10px}.cities a:hover,.cities a[aria-current]{border-color:#366b5b;background:#eaf0e5}footer{border-top:1px solid #daddd3;color:#718079;font-size:12px;padding-bottom:45px}.notice{padding:15px;background:#fff0ce;border-radius:8px}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #cc9c42;outline-offset:4px}[hidden]{display:none!important}@media(max-width:800px){header,main,footer{padding:22px}header span{display:none}.language{margin-inline-start:auto}main{padding-top:35px}.hero{padding:28px;align-items:flex-start}.metrics{padding-inline-start:25px;min-width:120px}.temperature{font-size:70px;gap:10px}.temperature span{font-size:45px}.days{grid-template-columns:repeat(2,1fr)}.cities{grid-template-columns:repeat(2,1fr)}form{flex-wrap:wrap}form label{width:100%}.section-head{flex-wrap:wrap}.hero h2{font-size:26px}}@media(max-width:440px){.hero{display:block}.metrics{grid-template-columns:repeat(3,1fr);border:0;padding:20px 0 0;gap:10px;font-size:12px}.metrics strong{font-size:19px}.cities a{display:block}.cities small{display:block}}