/* Map-first layout; retains the existing offline map's visual language. */
.header{height:76px}
.intro{padding:22px 0 18px}
.intro h1{margin:8px 0;font-size:30px}
.intro p{margin:6px 0;max-width:620px}
.stats{gap:28px;flex-shrink:0}
.stats strong{font-size:28px}
.map-canvas{height:clamp(420px,65vh,720px)}
.focus-button{border:1px solid var(--line);border-radius:8px;background:#edf5ef;color:var(--accent);padding:10px 14px;font-size:12px;white-space:nowrap;margin-left:auto}
.focus-button:hover{background:#dcece2}
.map-toolbar .search{width:280px;min-width:0}
@media(max-width:800px){
  .header{height:68px}
  .intro{gap:12px}
  .intro h1{font-size:26px}
  .stats div:last-child{display:flex}
  .map-toolbar{flex-wrap:wrap}
  .map-toolbar .search{width:100%}
  .search-results{top:112px;left:15px;right:15px;width:auto}
}
@media(max-width:520px){
  .intro{padding:16px 0 12px}
  .intro h1{font-size:25px}
  .intro p{max-width:none;line-height:1.7}
  .map-canvas{height:460px}
  .focus-button{padding:8px;font-size:11px}
  .breadcrumb{gap:6px;font-size:11px}
  .brand{font-size:16px;letter-spacing:1px}
  .header{gap:10px}
}