.map {
  margin: 0 var(--uni_margin);
  border-radius: var(--radius);
  overflow: hidden;
  background: var(--brand-olive-lt);
}
.map--full {
  height: calc(100vh - var(--topbar-h) - var(--navbot-h) - 80px
               - env(safe-area-inset-top) - env(safe-area-inset-bottom));
  min-height: 320px;
}
.map--detail { height: 260px; margin-top: 12px; }
.map--failed {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-muted);
  height: 120px;
}