.city-discovery{margin-block:55px;padding-block:30px}.city-heading{max-width:780px}.city-heading h2{font-size:clamp(26px,3vw,40px);line-height:1.6;color:#122f43;margin:10px 0}.city-heading p{line-height:2}.map-shell{position:relative;border:1px solid #d5e6e8;border-radius:24px;background:#f2f7f8;margin-top:24px;padding:32px 15px 0}.map-shell svg{display:block;width:100%;height:auto}.province-link path{fill:#87b3b6;stroke:white;stroke-width:.65;transition:fill .15s}.province-link:hover path,.province-link:focus path{fill:#075e69;stroke:#e3aa4a;stroke-width:1.5}.province-link:focus{outline:none}.map-status{position:absolute;top:12px;right:20px;background:white;color:#133f50;border:1px solid #c4dddf;border-radius:12px;padding:10px 16px;font-weight:700}.city-shortcuts{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.city-shortcuts a{border:1px solid #bad1d8;padding:10px 20px;border-radius:30px;color:#075e69;background:white}.city-picker{display:flex;gap:16px;align-items:end;max-width:650px}.city-picker label{flex:1;font-weight:700}.city-picker select{display:block;width:100%;font:inherit;border:1px solid #9ab6c4;border-radius:9px;padding:12px;margin-top:8px;background:white}.city-picker button{background:#075e69;color:white;border:0;border-radius:9px;padding:14px 20px;font:inherit;cursor:pointer}@media(max-width:600px){.map-shell{padding:48px 4px 5px}.map-status{font-size:14px}.city-picker{display:block}.city-picker button{width:100%;margin-top:12px}.city-shortcuts a{padding:8px 14px}}