:root{--sky:#eaf3f7;--paper:#fff;--ink:#193643;--muted:#506b78;--sea:#176d7b;--line:#cbdde4;--sun:#e4b451}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--sky);color:var(--ink);font:15px/1.65 Verdana,Geneva,sans-serif}a{color:var(--sea);text-underline-offset:4px}a:hover{text-decoration-thickness:2px}a:focus-visible,select:focus-visible{outline:3px solid var(--sea);outline-offset:5px}header,main,footer{width:min(1120px,calc(100% - 80px));margin:auto}header{display:flex;justify-content:space-between;align-items:center;padding:30px 0;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:bold;text-decoration:none;color:var(--ink);letter-spacing:-.7px;font-size:20px}.brand svg{width:27px;height:34px;color:var(--sea)}nav{display:flex;gap:30px}nav a{color:var(--ink);text-decoration:none;font-size:13px}.intro{padding:66px 0 55px;max-width:750px}.date{color:var(--muted);font-size:13px}.intro h1{font:normal clamp(46px,6.8vw,78px)/1.04 Georgia,'Times New Roman',serif;letter-spacing:-2px;margin:23px 0}.intro>p:last-child{max-width:510px;font-size:17px;color:var(--muted)}h2,h3,p{margin-top:0}h2{font:normal 30px/1.2 Georgia,serif;letter-spacing:-.4px}h3{font-size:16px;font-weight:normal}#forecast{padding:32px 38px 24px;background:var(--paper);border-radius:6px;box-shadow:0 12px 35px #19364308}.forecast-heading{display:flex;align-items:center;justify-content:space-between;gap:24px}.forecast-heading h2{margin-bottom:8px}.forecast-heading p,.chart-heading span{font-size:12px;color:var(--muted)}label{display:grid;gap:6px;font-size:11px;color:var(--muted)}select{font:13px Verdana,sans-serif;padding:12px 30px 12px 12px;border:1px solid var(--line);border-radius:3px;background:#f7fbfc;color:var(--ink);max-width:100%}#status{padding:35px 0;color:var(--muted)}#status:empty{display:none}.weather-overview{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px;padding:38px 0 28px}.place{font-size:17px;margin-bottom:5px}.temperature{font:normal 82px/1.1 Georgia,serif;letter-spacing:-3px}.model-time{font-size:11px;color:var(--muted);margin-bottom:0}.weather-facts{display:grid;grid-template-columns:1fr 1fr;gap:24px}.weather-facts>div{display:grid;gap:5px}.weather-facts span{font-size:12px;color:var(--muted)}.weather-facts strong{font-size:19px;font-weight:normal}.chart-heading{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--line);padding-top:22px}.chart-heading h3{margin-bottom:10px}#chart svg{display:block;width:100%;height:auto;overflow:visible}#chart text{font-family:Verdana,sans-serif;font-size:11px;fill:var(--muted)}.outlook-title{margin:20px 0 15px}.outlook{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.day{padding:18px 0;border-top:2px solid var(--line)}.day strong{font-size:22px;font-weight:normal}.day p{margin:4px 0;font-size:12px;color:var(--muted)}.source{font-size:10px;line-height:1.7;color:var(--muted);border-top:1px solid var(--line);padding-top:18px;margin:18px 0 0}.text-section{display:grid;grid-template-columns:1fr 1.65fr;gap:50px;padding:64px 0;border-bottom:1px solid var(--line)}.text-section p{color:var(--muted);font-size:13px;max-width:660px}.text-section h2{max-width:260px}.api-link{display:inline-block;max-width:100%;overflow-wrap:anywhere;font:12px/1.8 monospace;background:#dcebf1;padding:10px 13px;border-radius:3px}code{font-size:12px;overflow-wrap:anywhere}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:32px 0 40px}footer p,footer>a:last-child{font-size:11px;margin:0;color:var(--muted)}footer .brand{font-size:16px}@media(max-width:680px){header,main,footer{width:calc(100% - 36px)}header{padding:22px 0}nav{gap:16px}nav a{font-size:11px}.brand{font-size:16px}.brand svg{width:22px}.intro{padding:35px 0 28px}.intro h1{font-size:51px}.intro>p:last-child{font-size:14px}#forecast{padding:23px 19px}.forecast-heading{display:block}.forecast-heading h2{font-size:26px}.forecast-heading label{margin-top:16px}.weather-overview{grid-template-columns:1fr;gap:25px;padding:28px 0}.temperature{font-size:72px}.weather-facts{gap:16px}.chart-heading{display:block}.chart-heading span{display:block;margin-bottom:10px}.outlook{gap:12px}.day strong{font-size:19px}.day p{font-size:10px}.text-section{grid-template-columns:1fr;gap:10px;padding:38px 0}.text-section h2{max-width:none}footer{flex-wrap:wrap}footer p{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}