.sbv-oepbv { max-width: 100%; min-width: 0; margin-block: var(--sbv-space-8, 2rem); }
.sbv-oepbv__intro { margin-bottom: var(--sbv-space-4, 1rem); }
.sbv-oepbv__heading {
  margin-block: 0 var(--sbv-space-2, .5rem);
  color: var(--sbv-ink, #151719);
  font-family: var(--sbv-font-heading, sans-serif);
  font-size: var(--sbv-text-2xl, 2rem);
  line-height: 1.15;
}
.sbv-oepbv__source,
.sbv-oepbv__external,
.sbv-oepbv__status { color: var(--sbv-text-muted, #5b636b); }
.sbv-oepbv__frame {
  position: relative;
  max-width: 100%;
  min-height: 12rem;
  border: 1px solid var(--sbv-border, #d7dce0);
  border-radius: var(--sbv-radius-lg, 1rem);
  background: var(--sbv-surface-subtle, #f6f7f8);
  overflow: hidden;
  overscroll-behavior-inline: contain;
}
.sbv-oepbv__load { margin: 2rem; }
.sbv-oepbv__status {
  margin: 0 2rem 1.5rem;
  opacity: 1;
  transition: opacity 360ms ease;
}
.sbv-oepbv__status[hidden] { display: none; }
.sbv-oepbv__status.is-hiding { opacity: 0; }
.sbv-oepbv__status[data-state="success"] {
  color: var(--sbv-text, #172126);
}
.sbv-oepbv__iframe {
  display: block;
  width: 100%;
  height: var(--sbv-oepbv-height, 900px);
  min-height: 34rem;
  border: 0;
  background: #fff;
}
.sbv-oepbv__external { margin-top: var(--sbv-space-4, 1rem); }

@media (max-width: 48rem) {
  .sbv-oepbv__load { margin: 1rem; }
  .sbv-oepbv__status { margin: 0 1rem 1rem; }
  .sbv-oepbv__iframe {
    height: clamp(24rem, 68dvh, 42rem);
    min-height: 0;
  }
}

@media (max-width: 30rem) {
  .sbv-oepbv__load { width: calc(100% - 2rem); }
}


@media (prefers-reduced-motion: reduce) {
  .sbv-oepbv__status {
    transition: none;
  }
}