/* v3.37 — strict stage context + tighter visual rhythm */
body.ux337 #stageIntro336{margin:0 auto 12px!important;padding:18px 24px!important}
body.ux337 #stageIntro336 h2{margin:5px 0 4px!important;font-size:24px!important}
body.ux337 #stageIntro336 p{line-height:1.45!important}
body.ux337 #tools334{margin:-2px 0 10px!important}
body.ux337 #journey324{margin-bottom:12px!important}

/* Flow-only UI must never leak into another stage. */
body.ux337:not(.stageFlows336) #flow,
body.ux337:not(.stageFlows336) #flowTools326,
body.ux337:not(.stageFlows336) #flowBranch327,
body.ux337:not(.stageFlows336) [id*="branch327"],
body.ux337:not(.stageFlows336) [class*="branch327"]{display:none!important}

/* Guided study should only be visible where the stage explicitly uses it. */
body.ux337.stageFlows336 #study317,
body.ux337.stageHazards336 #study317,
body.ux337.stageDocs336 #study317{display:none!important}

/* Keep module content visually connected to its stage heading. */
body.ux337 .workspace section:not(#stageIntro336),
body.ux337 .workspace .panel{scroll-margin-top:120px}
body.ux337 #stageIntro336 + *{margin-top:12px!important}

@media(max-width:760px){
 body.ux337 #stageIntro336{padding:16px 18px!important}
 body.ux337 #stageIntro336 h2{font-size:22px!important}
}