/* D19 dragon companion. One anatomically identical D17 creature, two states. */
#instructor-flow .studio-guided-stage{
 min-height:500px;padding-bottom:34px
}
#instructor-flow .studio-guided .studio-breath-orb{
 position:absolute;left:50%;top:76px;margin:0;z-index:0;pointer-events:none;
 transform:translateX(-50%) scale(var(--studio-breath-scale,1));
 opacity:.24;box-shadow:0 18px 85px rgba(62,121,98,.18),inset 0 0 34px #ffffff6b
}
#instructor-flow .studio-guided .studio-breath-orb::before,
#instructor-flow .studio-guided .studio-breath-orb::after{
 opacity:.48
}
#instructor-flow .studio-guided .studio-breath-orb .studio-orb-mark{opacity:0}
#instructor-flow .studio-companion.yy-guide{
 position:relative;z-index:1;
 width:min(100%,620px);height:clamp(240px,29vw,320px);
 max-width:620px;
 margin:8px auto 0;padding:0;
 border:0;border-radius:0;background:none;
 box-shadow:none;isolation:isolate;overflow:visible;pointer-events:none;
 /* Pigments must come from the same Yin/Yang D17 rules as the main guide. */
}
#instructor-flow .studio-companion[hidden]{display:none!important}
#instructor-flow .studio-companion .yy-svg{
 display:block;width:100%;height:100%;
 overflow:visible;filter:drop-shadow(0 9px 13px rgba(32,75,58,.13))
}
#instructor-flow .studio-companion .yy-pose{
 transition:none;animation:none;opacity:0;visibility:hidden
}
#instructor-flow .studio-companion .yy-pose.is-current{
 opacity:1;visibility:visible
}
#instructor-flow .studio-companion .yy-character{
 transform-box:view-box;transform-origin:center 68%;animation:none!important
}
/* D30: the studio dragon stays grounded. Its ribs, light and wings follow the
   existing monotonic breathing clock, never a competing 10s/13s float loop. */
#instructor-flow .studio-guided .studio-companion .yy-character{
 animation:none!important
}
#instructor-flow .studio-guided-title{position:relative;z-index:2;margin-top:-13px}
#instructor-flow .studio-guided-cue{position:relative;z-index:2}
#instructor-flow .studio-guided[data-studio-active="meditation"] .studio-breath-orb{
 opacity:.17;filter:saturate(.75)
}
#instructor-flow .studio-guided[data-studio-active="meditation"] .studio-companion .yy-svg{
 filter:drop-shadow(0 10px 16px rgba(31,72,51,.10))
}
@media(max-width:700px){
 #instructor-flow .studio-guided-stage{min-height:435px}
 #instructor-flow .studio-companion.yy-guide{height:240px;margin:5px auto 0}
 #instructor-flow .studio-guided .studio-breath-orb{top:75px;width:170px}
 #instructor-flow .studio-guided-title{margin-top:-16px}
}
@media(max-width:380px){
 #instructor-flow .studio-companion.yy-guide{height:200px}
 #instructor-flow .studio-guided-stage{min-height:410px}
}
@media(prefers-reduced-motion:reduce){
 #instructor-flow .studio-guided[data-studio-status="running"] .studio-companion .yy-character,
 #instructor-flow .studio-guided[data-studio-status="paused"] .studio-companion .yy-character,
 #instructor-flow .studio-companion .yy-character{
  animation:none!important;transform:none!important
 }
 #instructor-flow .studio-guided .studio-breath-orb{
  transition:none!important;transform:translateX(-50%)!important
 }
}
body.quiet-mode #instructor-flow .studio-guided[data-studio-status="running"] .studio-companion .yy-character,
body.quiet-mode #instructor-flow .studio-guided[data-studio-status="paused"] .studio-companion .yy-character,
body.quiet-mode #instructor-flow .studio-companion .yy-character{
 animation:none!important;transform:none!important
}