@media (max-width: 680px) {
  .site-header .brand { min-height: 44px; }
  .site-header nav a:not(.nav-cta) { min-height: 44px; padding: 10px 0; }
  .preview-controls input[type="range"] { height: 44px; margin: -8px 0; }
  .preview-lock a,
  footer nav a { display: flex; align-items: center; min-height: 44px; }
}

.preview-map-wrap {
  width: 100%;
  min-width: 0;
  overflow: hidden;
  isolation: isolate;
  touch-action: pan-y;
}

.preview-map-wrap #preview-map {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}