.marine-map {
  margin-top: 0.85rem;
  overflow: hidden;
  border: 1px solid var(--border);
  border-radius: 10px;
  background: #081018;
}

.marine-map iframe {
  display: block;
  width: 100%;
  height: min(72vh, 680px);
  min-height: 420px;
  border: 0;
}

@media (max-width: 720px) {
  .marine-map iframe {
    min-height: 360px;
  }
}