.time-weather{background:#edf1e7;border:1px solid #d7dfd0;border-radius:16px;grid-template-columns:.9fr 1.1fr;margin-block:0 48px;display:grid;overflow:hidden}.today-clock{align-self:center;padding:30px 40px}.today-clock h2{margin:0 0 16px}.clock-digits{letter-spacing:2px;font-variant-numeric:tabular-nums;font-size:clamp(38px,4.5vw,58px);font-weight:500;line-height:1.15;display:block}.clock-date{margin:14px 0 8px;font-size:14px}.time-zone{color:#65745f;letter-spacing:1px;font-size:11px}.today-weather{background:#f4f5ef;border-left:1px solid #d7dfd0;min-width:0;padding:26px 32px 22px}.weather-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.weather-heading h3{margin:0;font-size:15px;font-weight:500}.weather-heading h3 span{color:#65745f;margin-left:8px;font-size:10px}.weather-city select{max-width:100%;font:inherit;color:#28503e;cursor:pointer;background:#fffefa;border:1px solid #c7d2bf;border-radius:6px;padding:7px 26px 7px 12px;font-size:13px}.weather-city select:focus-visible{outline-offset:3px;outline:2px solid #477b52}.weather-body{justify-content:space-between;align-items:center;gap:20px;min-height:110px;padding-block:12px;display:flex}.weather-summary{align-items:center;gap:18px;display:flex}.weather-summary svg{color:#5d785d;flex:none;width:66px;height:66px}.weather-temperature{font-variant-numeric:tabular-nums;font-size:39px;font-weight:500;line-height:1.1}.weather-temperature span{vertical-align:top;margin-left:4px;font-size:19px}.weather-summary p{margin:7px 0 0;font-size:13px}.weather-details{gap:24px;margin:0;display:flex}.weather-details dt{color:#65745f;margin-bottom:8px;font-size:11px}.weather-details dd{white-space:nowrap;font-variant-numeric:tabular-nums;margin:0;font-size:15px}.weather-status{color:#586b53;flex-wrap:wrap;align-items:center;gap:8px;min-height:24px;font-size:11px;line-height:1.7;display:flex}.weather-status button{text-underline-offset:3px;background:0 0;border:0;padding:4px 0;font-size:11px;text-decoration:underline}.weather-source{color:#687661;margin:6px 0 0;font-size:10px;line-height:1.8}.weather-source a{text-underline-offset:2px;text-decoration:underline}.weather-source span{display:block}.weather-empty{color:#65745f;font-size:14px}.weather-sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:1000px){.today-clock{padding:28px}.today-weather{padding:24px}.weather-details{gap:14px}.weather-summary{gap:10px}.weather-summary svg{width:52px;height:52px}}@media (max-width:760px){.time-weather{grid-template-columns:1fr}.today-clock{padding:26px}.clock-digits{font-size:48px}.today-weather{border-top:1px solid #d7dfd0;border-left:0;padding:22px 26px}}@media (max-width:380px){.today-clock,.today-weather{padding:22px 18px}.clock-digits{font-size:42px}.weather-summary svg{width:40px;height:40px}.weather-details{gap:12px}.weather-temperature{font-size:33px}.weather-heading h3 span{margin:4px 0 0;display:block}}