/* =========================================================
   P30–P37 · REMOVE REVEAL OPAQUE BACKGROUND
   These pages now reveal the exact same browser-wide city
   background + glow + particles used by P26.
   ========================================================= */

/* The slides themselves must remain transparent. */
#page30Mission03Reality,
#page31Mission03DigitalChina,
#page32Mission03ImpactMap,
#page33Mission03LanguageKit,
#page34Mission03StoryFrame,
#page35Mission03LocalLens,
#page36Mission03WorldVoice,
#page37Mission03Report{
  background:transparent!important;
}

/* Reveal's generated background stack must not cover m02ViewportFx
   while any of P30–P37 is the active slide. */
.reveal:has(#page30Mission03Reality.present) > .backgrounds,
.reveal:has(#page31Mission03DigitalChina.present) > .backgrounds,
.reveal:has(#page32Mission03ImpactMap.present) > .backgrounds,
.reveal:has(#page33Mission03LanguageKit.present) > .backgrounds,
.reveal:has(#page34Mission03StoryFrame.present) > .backgrounds,
.reveal:has(#page35Mission03LocalLens.present) > .backgrounds,
.reveal:has(#page36Mission03WorldVoice.present) > .backgrounds,
.reveal:has(#page37Mission03Report.present) > .backgrounds{
  background:transparent!important;
}

/* Also neutralize the current generated slide-background element itself. */
.reveal:has(#page30Mission03Reality.present) .slide-background.present,
.reveal:has(#page31Mission03DigitalChina.present) .slide-background.present,
.reveal:has(#page32Mission03ImpactMap.present) .slide-background.present,
.reveal:has(#page33Mission03LanguageKit.present) .slide-background.present,
.reveal:has(#page34Mission03StoryFrame.present) .slide-background.present,
.reveal:has(#page35Mission03LocalLens.present) .slide-background.present,
.reveal:has(#page36Mission03WorldVoice.present) .slide-background.present,
.reveal:has(#page37Mission03Report.present) .slide-background.present{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
}

/* Keep the exact P26 viewport FX above the empty Reveal background layer
   but below slide content. */
.reveal .m02-viewport-fx{
  z-index:1!important;
}
.reveal > .slides{
  z-index:2!important;
}