html,
body.globe-embed-page {
  min-width: 0;
  min-height: 100%;
  margin: 0;
  overflow: hidden;
  background: transparent;
}

.globe-embed-page main {
  position: relative;
  min-height: 100vh;
}

.globe-embed-page .globe-stage {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: none;
  min-height: 100vh;
  padding: clamp(18px, 4vh, 34px) 12px 12px;
}

.globe-embed-page .globe-stage__canvas-wrap {
  position: relative;
  top: auto;
  left: auto;
  flex: 0 0 auto;
  width: min(calc(100% - 36px), 450px);
  margin: 0;
  transform: none;
}

.globe-embed-page .globe-stage__date {
  position: static;
  margin: 9px 0 0;
  font-size: 12px;
}

.globe-embed-page .globe-legend {
  position: static;
  width: 100%;
  gap: 5px;
  margin: 6px 0 0;
}

.globe-embed-page .globe-legend ul {
  gap: 5px 10px;
}

.globe-embed-page .globe-stage__credit {
  position: static;
  margin: 8px 0 0;
}

@media (max-width: 520px) {
  .globe-embed-page .globe-stage {
    padding-top: 10px;
  }

  .globe-embed-page .globe-stage__canvas-wrap {
    width: min(calc(100% - 20px), 330px);
  }

  .globe-embed-page .globe-legend li {
    font-size: 9px;
  }
}