/* Genesis responsive + map fix */

@media (max-width: 1000px) {
  main {
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr auto;
    height: auto;
    min-height: calc(100dvh - 64px);
  }
  #left { display: grid; gap: .75rem; }
  #right { max-height: none; }
  .map-wrap { min-height: 280px; }
}

@media (max-width: 640px) {
  header.appbar { padding: .5rem .75rem; }
  header.appbar h1 { font-size: clamp(.95rem, 4.5vw, 1.15rem); }
  .stats { gap: .3rem; }
  .pill { padding: .28rem .5rem; font-size: .72rem; }
  .btn { padding: .55rem .7rem; font-size: .92rem; border-radius: 12px; }
  .panel { padding: .85rem; }
  .map-wrap { min-height: 240px; }
  main { gap: .75rem; padding: .75rem; }
}