:root{font-family:Arial,sans-serif;color:#163c58;background:#f6fbfd;line-height:1.65}*{box-sizing:border-box}body{margin:0}header,footer{background:white;padding:24px max(5vw,20px)}header{border-bottom:4px solid #00b7ed}header nav{display:flex;gap:12px 28px;flex-wrap:wrap;margin-top:12px}.brand{font-size:28px;font-weight:800;text-decoration:none}.brand span{font-size:15px;font-weight:400}main{max-width:1080px;margin:auto;padding:48px 24px}h1{font-size:clamp(28px,4vw,44px);line-height:1.2;color:#064c7f}h2{font-size:22px;line-height:1.35}a{color:#065c8b;text-underline-offset:3px}a:hover{text-decoration-thickness:2px}.eyebrow{font-size:13px;letter-spacing:.12em;font-weight:700}.card,aside{background:white;border:1px solid #cce2ec;border-radius:12px;padding:24px;margin:20px 0}.card h2{margin-top:0}.source{font-size:14px;color:#456273}.answer{font-size:20px}.cities{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0 20px}input{display:block;width:100%;padding:15px;border:1px solid #577c92;border-radius:7px;font-size:17px;margin:8px 0 24px}button,.button{display:inline-block;background:#064c7f;color:white;border:0;border-radius:7px;padding:12px 18px;font-size:16px;cursor:pointer;text-decoration:none}button{margin-right:12px}iframe{width:100%;height:380px;border:1px solid #cce2ec;border-radius:12px}footer{font-size:14px}footer p{max-width:1000px}[hidden]{display:none!important}:focus-visible{outline:3px solid #008cad;outline-offset:4px}@media(max-width:500px){main{padding:28px 16px}.card,aside{padding:18px}iframe{height:300px}}