/**
 * Host-page wrapper for the ecosystem iframe embed.
 *
 * The iframe height is set at runtime by js/ecosystem-embed.js (postMessage
 * handshake); min-height is only the pre-handshake fallback.
 */
.ecosystem-embed {
  /* Full-bleed breakout: the inline diagram's dark band is width:100vw, so the
     iframe must span the viewport (the band inside it is 100vw of the iframe).
     The inner content stays centered at --content-max, matching prod. */
  position: relative;
  width: 100vw;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}

.ecosystem-embed__frame {
  display: block;
  width: 100%;
  border: 0;
  /* Pre-handshake placeholder only — js/ecosystem-embed.js sets the exact
     height and clears this min-height once the iframe reports its size. Keep it
     modest so a short diagram doesn't flash an oversized box. */
  min-height: 600px;
}