*{box-sizing:border-box}body{color:#20352d;background:#f4f6f2;margin:0;font-family:Arial,Helvetica,sans-serif;line-height:1.6}a{color:#235c47;text-underline-offset:4px}button,input{font:inherit}.site-header{justify-content:space-between;align-items:center;gap:24px;max-width:1050px;margin:auto;padding:24px 28px;display:flex}.brand{font-family:Georgia,serif;font-size:26px;font-weight:700;text-decoration:none}nav{gap:26px;display:flex}nav a{font-size:15px;text-decoration:none}nav .router-link-exact-active{border-bottom:2px solid #235c47}main{max-width:1050px;margin:12px auto;padding:0 28px}.card{background:#fff;border:1px solid #d8e0d7;border-radius:12px;margin-bottom:24px;padding:36px;box-shadow:0 4px 20px #233c2910}h1{max-width:660px;margin:12px 0 20px;font-family:Georgia,serif;font-size:42px;line-height:1.2}h2{margin:0 0 12px;font-family:Georgia,serif;font-size:26px}h3{margin:0 0 6px;font-size:22px}.hero{padding:50px 40px}.hero p:not(.eyebrow){max-width:650px}.eyebrow{color:#4b6d58;letter-spacing:2px;margin:0;font-size:12px;font-weight:700}.button,button{color:#fff;cursor:pointer;background:#245e47;border:1px solid #245e47;border-radius:6px;padding:11px 20px;font-weight:600;text-decoration:none;display:inline-block}.button{margin-top:14px}.secondary-button{color:#245e47;background:#fff}button:disabled{opacity:.6;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:4px;outline:3px solid #bc7927}.weather-actions{flex-wrap:wrap;align-items:end;gap:20px;margin-top:26px;display:flex}.weather-actions form{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.weather-actions label{align-self:center;font-weight:700}input{border:1px solid #829587;border-radius:6px;width:240px;max-width:100%;padding:11px 14px}.weather-result{background:#edf6ef;border:1px solid #bad4c2;border-radius:10px;align-items:center;gap:24px;margin-top:30px;padding:28px;display:flex}.weather-result p{margin:4px 0;font-size:24px}.weather-icon{font-size:62px}.weather-result small{color:#496654}.error-message{color:#842a20;background:#fff0ed;border-left:4px solid #ad392b;padding:14px}.weather-credit{color:#52665a;margin-top:28px;font-size:13px}footer{color:#65766a;max-width:1050px;margin:24px auto;padding:0 28px 28px;font-size:13px}@media (width<=640px){.site-header{flex-direction:column;align-items:flex-start;gap:12px;padding:20px}main{padding:0 16px}.card,.hero{padding:26px 22px}h1{font-size:34px}.weather-actions,.weather-actions form{flex-direction:column;align-items:stretch;width:100%}.weather-result{gap:16px;padding:20px}.weather-result p{font-size:20px}input{width:100%}}