.optional-embed { position: relative; background: #f5f7fa; color: #172b4d; }
.optional-embed [hidden], #map-prompt[hidden], #map-container[hidden], #hide-project-map[hidden] { display: none !important; }
.embed-placeholder { padding: 16px; text-align: center; overflow: auto; max-height: 100%; }
.embed-placeholder img { display: block; max-width: 100%; height: auto; margin: 0 auto 16px; }
.embed-placeholder p { font: 14px/1.5 system-ui, sans-serif; }
.optional-embed [data-hide-embed] { position: relative; z-index: 2; background: white; margin: 8px; }
#map-lazy-container .embed-placeholder img { max-height: 380px; width: auto; }
#map-prompt img { max-height: 60vh; width: auto; }
@media (max-width: 767px) {
  .optional-embed .embed-placeholder { padding: 8px; }
  .optional-embed .embed-placeholder p { font-size: 12px; margin-bottom: 8px; }
  .optional-embed .embed-placeholder button { padding: 6px 10px; font-size: 12px; }
}