:root{color:#202b38;font-synthesis:none;background:#fff;font-family:Arial,Helvetica,sans-serif;line-height:1.5}*{box-sizing:border-box}body{margin:0}header,main{max-width:900px;margin:0 auto;padding:24px}header{border-bottom:1px solid #d4dce5}.site-name{margin:0 0 12px;font-size:1.3rem;font-weight:700}.site-name span{margin-left:12px;font-size:.9rem;font-weight:400}nav{flex-wrap:wrap;gap:12px 24px;display:flex}a{color:#1258a0}.router-link-active{font-weight:700}h1{margin-top:0}form{margin:24px 0 12px}label{margin-bottom:6px;font-weight:700;display:block}.search-row{gap:10px;max-width:500px;display:flex}input,button{font:inherit;border-radius:4px;padding:10px 14px}input{border:1px solid #758498;flex:1;min-width:0}button{color:#fff;cursor:pointer;background:#1258a0;border:1px solid #1258a0}button.secondary{color:#1258a0;background:#fff}button:disabled{opacity:.65;cursor:wait}:focus-visible{outline-offset:3px;outline:3px solid #8a4b00}.error{color:#a42121}.weather-result{border:1px solid #d4dce5;border-radius:4px;max-width:500px;margin-top:24px;padding:20px}.weather-result h2{margin:8px 0}.source{color:#4b5868;margin:0}.temperature{margin:4px 0;font-size:2rem;font-weight:700}@media (width<=420px){header,main{padding:18px}.search-row{flex-wrap:wrap}}