/* LuxBMI Discovery — motion-free inner app.
 * No GIF, WebP, animated cloud or chapter illustration loads in the journey.
 * Preserve the static indigo background, gold-framed layout and Edge1 artwork. */
.journey-shell:not(.soul-mode)::before {
  background:none!important;
  opacity:0!important;
}
.journey-shell:not(.soul-mode)::after {
  background:linear-gradient(145deg,
    rgba(2,9,30,.78),rgba(5,20,52,.84),rgba(2,9,26,.78))!important;
}
.journey-shell:not(.soul-mode) .journey-layout {
  background:
    radial-gradient(ellipse at 9% 10%,rgba(86,132,204,.25),transparent 35%),
    radial-gradient(ellipse at 95% 18%,rgba(69,126,204,.15),transparent 33%),
    linear-gradient(150deg,#0b2046 0%,#091934 42%,#050f2c 100%)!important;
}
.journey-shell:not(.soul-mode) .journey-panel {
  isolation:isolate;
}
.journey-shell:not(.soul-mode) .journey-panel::before {
  content:none!important;
  background-image:none!important;
  opacity:0!important;
}
.journey-shell:not(.soul-mode) .journey-panel > * {
  position:relative;
  z-index:1;
}
.journey-shell.soul-mode::before,
.journey-shell.soul-mode::after {
  background-image:none!important;
}
/* Edge1 artwork sits ONLY on the left part of the OUTER app holder.
 * Its dedicated image is a VERTICAL (top-to-bottom) flip of the original edges1.png.
 * No transform is applied to the hero cover, typography, or content.
 * Let the decorative image cover the entire left column, including the
 * tall empty area beneath the hero card, without deforming its proportions.
 * Existing solid indigo, gold frame and right question panel are preserved. */
@media (min-width:761px) {
  .journey-shell:not(.soul-mode) .journey-layout {
    background:
      radial-gradient(ellipse at 9% 10%,rgba(86,132,204,.25),transparent 35%),
      radial-gradient(ellipse at 95% 18%,rgba(69,126,204,.15),transparent 33%),
      linear-gradient(150deg,#0b2046 0%,#091934 42%,#050f2c 100%) !important;
  }
  .journey-shell:not(.soul-mode) .journey-layout::before {
    content:"" !important;
    position:absolute !important;
    top:1px !important;
    bottom:1px !important;
    left:1px !important;
    right:auto !important;
    width:calc(34% + clamp(16px,2.1vw,28px) + 6px) !important;
    height:auto !important;
    z-index:-1 !important;
    pointer-events:none !important;
    border-radius:27px 0 0 27px !important;
    background-image:
      linear-gradient(90deg,rgba(3,12,34,.13),rgba(3,12,34,.03)),
      url("../../../themes/luxbmi-premium/assets/discover/discover-edge1-vertical-left.webp") !important;
    background-position:center center,center center !important;
    background-size:cover,cover !important;
    background-repeat:no-repeat,no-repeat !important;
    opacity:1 !important;
  }
}