/* Preserve the inherited System Chain → LoRa → Industries scroll owner. */
.obor-field-ledger #lora .lora-portal__chapter,
.obor-field-ledger #lora .lora-portal__copy,
.obor-field-ledger #lora .lora-portal__annotation,
.obor-field-ledger #lora .lora-portal__capabilities,
.obor-field-ledger #lora .lora-portal__world,
.obor-field-ledger #lora .lora-portal__aperture,
.obor-field-ledger #lora .lora-portal__threshold,
.obor-field-ledger #lora .lora-portal__gate {
  visibility: hidden !important;
}
.obor-field-ledger #lora .lora-portal__chapter,
.obor-field-ledger #lora .lora-portal__copy {
  position: absolute !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}
.obor-field-ledger #lora .lora-portal__stage {
  display: block !important;
  min-height: 100svh;
  padding: 0 !important;
}
.obor-field-ledger #lora .lora-portal__visual {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100svh;
  margin: 0 !important;
  aspect-ratio: auto !important;
  overflow: clip;
  background: #9aa9b5 !important;
  pointer-events: auto;
}
.obor-field-ledger #lora .ok-lora-field {
  position: absolute;
  z-index: 13;
  inset: 0;
  display: block;
  overflow: clip;
  isolation: isolate;
  pointer-events: auto;
  background: #9aa9b5 url('../media/lora-field-v1/poster-signal-base-v15.jpg') center / cover no-repeat;
}
.obor-field-ledger #lora .ok-lora-field:focus-within {
  z-index: 14;
}
/* At narrow widths the inherited pinned timeline is not used. The Industries
   gallery is a normal-flow sibling of the visual, so give the two acts their
   own viewport instead of letting the gallery cover the LoRa scene. */
@media (max-width: 900px) {
  .obor-field-ledger #lora {
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
  }
  .obor-field-ledger #lora .lora-portal__stage {
    height: auto !important;
    min-height: 0 !important;
  }
  .obor-field-ledger #lora .lora-portal__visual {
    position: relative !important;
    inset: auto !important;
    height: 100svh !important;
    min-height: 100svh;
    flex: none;
  }
  .obor-field-ledger #lora .lora-portal__stage > .relay-gallery {
    position: relative !important;
    z-index: 40;
    margin-top: 0 !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  .obor-field-ledger #lora .ok-lora-field { scroll-behavior: auto; }
}