.evd-embed {
  width: 100%;
  max-width: 100%;
  contain: layout style;
}

.evd-embed [data-embed-loading] {
  min-height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.evd-embed .evd-alert-error {
  padding: 1rem;
  border-left: 4px solid #c00;
  background: #fee;
  color: #600;
  font-size: 0.95rem;
}

.evd-embed-iframe {
  display: block;
  width: 100%;
  max-width: 100%;
  border: 0;
  margin: 0;
  padding: 0;
  background: transparent;
  color-scheme: light dark;
  transition: height 200ms ease;
  /* Initial fallback before the child script posts its real height. */
  min-height: 200px;
}

@media (max-width: 768px) {
  .evd-embed evd-section,
  .evd-embed evd-container {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}