.mock-map,
.map-shell {
  overflow: hidden;
  border-radius: var(--radius-xl);
  border: 1px solid var(--line-color);
  box-shadow: var(--panel-shadow-soft), var(--panel-shadow-inset);
  background: color-mix(in srgb, var(--primary-color) 20%, transparent);
}

.mock-map img,
.map-shell img {
  display: block;
  width: 100%;
  height: auto;
}

.map-frame,
.map-shell iframe {
  display: block;
  width: 100%;
  min-height: clamp(20rem, 46vw, 34rem);
  border: 0;
}