/* Keep the directory map inside the WordPress page. Do not lock site scroll. */
html,
body {
  height: auto !important;
  overflow: visible !important;
}

.puspen-map-embed {
  width: 100%;
  max-width: 100%;
  min-height: 640px;
  height: min(82vh, 860px);
  position: relative;
  isolation: isolate;
}

.puspen-map-embed .app {
  height: 100%;
  max-height: 100%;
  overflow: hidden;
}

.puspen-map-embed .masthead__brand,
.puspen-map-embed .dir-nav-link,
.puspen-map-embed .dir-active__layer,
.puspen-map-embed .total,
.puspen-map-embed .dir-active,
.puspen-map-embed .dir-org {
  display: none !important;
}

.puspen-map-embed .masthead__meta {
  padding: 0.4rem 0.85rem;
}

.puspen-map-embed .dir-title {
  font-size: clamp(1.15rem, 2vw, 1.4rem);
}

.puspen-map-embed .stage {
  min-height: 0;
}

.puspen-map-embed .map-layers {
  min-height: 0;
}

.puspen-map-embed .map-layers__list {
  overflow: auto;
}

@media (max-width: 900px) {
  .puspen-map-embed {
    height: auto;
    min-height: 0;
  }

  .puspen-map-embed .app {
    height: auto;
    max-height: none;
    overflow: visible;
  }

  .puspen-map-embed .shell {
    height: auto;
  }

  .puspen-map-embed .map-layers {
    max-height: none;
  }

  .puspen-map-embed .stage {
    min-height: 22rem;
    height: min(58vh, 34rem);
  }
}