html,body{height:100%;margin:0;background:#faf9f7;color:#242424;font:14px system-ui,sans-serif}
body{display:flex;flex-direction:column}
header{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:14px 20px;border-bottom:1px solid #dedbd5}
header strong{font-size:18px;margin-right:auto}
label{display:flex;align-items:center;gap:8px}
select{font:inherit;border:1px solid #d5d1cb;border-radius:6px;padding:6px;background:white;color:inherit}
#status{color:#65615b;font-size:12px}
#map{flex:1;min-height:200px}
@media(max-width:650px){header{gap:10px;padding:12px}header strong{width:100%}#status{width:100%}}