#cityModal h2{font-size:clamp(28px,4vw,42px);line-height:1.1;letter-spacing:-.035em;margin-bottom:16px}
#cityModal label{position:relative;display:block}
#cityModal #cityInput{width:100%;box-sizing:border-box}
#cityModal .header-city-suggestions{display:grid;gap:0;max-height:250px;overflow-y:auto;margin-top:8px;border:1px solid #ded6cb;border-radius:12px;background:#fff;box-shadow:0 8px 24px #1717170a}
#cityModal .header-city-suggestions[hidden]{display:none}
#cityModal .header-city-suggestions button{display:grid;gap:3px;padding:12px 15px;min-height:48px;border:0;border-bottom:1px solid #eee8e0;border-radius:0;text-align:left;background:#fff;color:#171717;font:inherit;cursor:pointer}
#cityModal .header-city-suggestions button:last-child{border-bottom:0}
#cityModal .header-city-suggestions button strong{font-size:15px;line-height:1.3}
#cityModal .header-city-suggestions button span{font-size:12px;line-height:1.35;color:#6e655c}
#cityModal .header-city-suggestions button:hover,#cityModal .header-city-suggestions button[aria-selected=true]{background:#fff0ec}
#cityModal .header-city-suggestions button:focus-visible{outline:2px solid #f20813;outline-offset:-3px}
#cityModal .header-city-hint{display:block;margin:8px 0;color:#615a52;font-size:12px;line-height:1.4}
#cityModal .header-city-source{display:block;margin-bottom:12px;font-size:10px;color:#7a7066}
#cityModal .header-city-source a{color:inherit}
#cityModal .modal{max-height:calc(100dvh - 32px);overflow-y:auto}
@media(max-width:600px){#cityModal h2{font-size:30px}#cityModal .header-city-suggestions{max-height:200px}}