/*
  Map embed sizing override.
  The main bundled stylesheet locks the map card and iframe to a fixed height
  with !important:
      .map-embed-card  { min-height: 780px !important; }
      .map-embed-frame { height: 780px !important; }
  That left a large blank area under the (shorter) map. These rules let the
  iframe size to the height the map page reports via postMessage instead.
  Loaded AFTER the bundle CSS in index.html so it wins.
*/
.map-embed-card {
  min-height: 0 !important;
  height: auto !important;
}
.map-embed-frame {
  /* The inline height set by the resizer script (frame.style.height) overrides
     this; this just removes the fixed 780px floor so the iframe can be shorter. */
  height: auto !important;
  min-height: 0 !important;
  display: block;
  width: 100%;
  border: 0;
}