/* geocode.net map embeds: the look shared by /embed and the map embed generator's preview (assets/embed.js).
   System fonts only, so an embed on someone else's page loads nothing from a font service. */
.ge-map { position: relative; background: #E9EEF3; }
.ge-map.ge-dark { background: #0B1220; }
.ge-marker { display: flex; flex-direction: column; align-items: center; gap: 4px; }
.ge-drag .ge-marker { cursor: grab; }
.ge-drag .ge-marker:active { cursor: grabbing; }
.ge-pin { display: block; width: 36px; height: 36px; filter: drop-shadow(0 2px 2px rgba(0, 0, 0, .25)); }
.ge-label {
  max-width: 220px; padding: 0 10px; height: 28px; line-height: 28px; box-sizing: border-box; border-radius: 8px;
  background: #FFFFFF; color: #0F172A; border: 1px solid rgba(15, 23, 42, .12); box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
  font: 600 13px system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.ge-dark .ge-label { background: #111A2B; color: #F8FAFC; border-color: #243049; }
.ge-credit {
  position: absolute; left: 10px; top: 10px; z-index: 3;  /* top left: the map credit can fill the bottom on narrow maps */
  display: inline-flex; align-items: center; gap: 4px;
  padding: 3px 8px 3px 4px; border-radius: 999px; background: rgba(255, 255, 255, .88); color: #0F172A;
  font: 600 11px/1.2 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; text-decoration: none; box-shadow: 0 1px 3px rgba(0, 0, 0, .18);
}
.ge-credit:hover { text-decoration: none; background: #FFFFFF; }
.ge-credit svg { width: 14px; height: 14px; filter: none; }
.ge-dark .ge-credit { background: rgba(11, 18, 32, .88); color: #F8FAFC; }
.ge-missing {
  position: absolute; inset: 0; display: grid; place-content: center; gap: 6px; padding: 16px; text-align: center;
  font: 14px system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; color: #475569; background: #E9EEF3;
}
.ge-missing p { margin: 0; }
.ge-missing a { color: #C93A1B; font-weight: 600; }
@media (prefers-color-scheme: dark) { .ge-missing { background: #0B1220; color: #A3AEC2; } .ge-missing a { color: #FF8A6E; } }