/* D.7 polish: creature, stage, dock, motion. No whole-body transform. */
#instructor-flow .yy-whisker{fill:none;stroke:rgba(90,62,54,.45);stroke-width:1.3;stroke-linecap:round}
#instructor-flow .yy-muzzle{fill:#f8f3ea}
#instructor-flow .yy-nose{fill:#e7a3ac}
#instructor-flow .yy-nostril{fill:none;stroke:#a86d76;stroke-width:1.4;stroke-linecap:round}
#instructor-flow .yy-blush{fill:rgba(226,140,150,.42)}
#instructor-flow .yy-ear-inner{fill:#f4c9d0}
#instructor-flow .yy-fur{fill:#f7f1e6}
#instructor-flow .yy-limb{fill:#f4eee4}
#instructor-flow .yy-chest-fur{fill:rgba(255,250,244,.34)}
#instructor-flow .yy-belly{fill:rgba(226,170,176,.26)}
#instructor-flow .yy-pad{fill:#e8b8bf}
#instructor-flow .yy-toe{fill:#f7e7e0}
#instructor-flow .yy-crown-mark{fill:#f0d7a2}
#instructor-flow .yy-gem{fill:#7d6bd4}
#instructor-flow .yy-eye-almond{fill:#f7f3ea}
#instructor-flow .yy-eye-core{fill:#6eaf90}
#instructor-flow .yy-guide[data-spirit="yin"] .yy-eye-core{fill:#6aa8b8}
#instructor-flow .yy-eye-center{fill:#221c18}
#instructor-flow .yy-eye-glint{fill:#fff;opacity:1}
#instructor-flow .yy-guardian-lid{stroke:#5c463c;stroke-width:2;fill:none;stroke-linecap:round}
#instructor-flow .yy-eye-unit{transform-box:fill-box;transform-origin:center;animation:yy-blink 7.2s ease-in-out infinite}
@keyframes yy-blink{0%,92%,100%{transform:scaleY(1)}96%{transform:scaleY(.12)}}
#instructor-flow .yy-pose-breath.is-current .yy-character{animation:none!important;transform:none!important}
/* Keep the SVG torso's authored translate/rotate: CSS transform:none would
   override its transform attribute and detach the body from the head. */
#instructor-flow .yy-pose-breath.is-current .yy-torso{animation:none!important}
#instructor-flow .yy-pose-breath .yy-belly{transform-box:fill-box;transform-origin:center;animation:yy-belly-only 7.6s ease-in-out infinite}
#instructor-flow .flow-theater .yy-stage{
  background:
    radial-gradient(ellipse at 50% 84%, rgba(214,160,174,.28), transparent 42%),
    radial-gradient(ellipse at 72% 24%, rgba(140,176,196,.22), transparent 40%),
    linear-gradient(180deg,#1a3142,#24384a 62%,#172833);
}
#instructor-flow .flow-console{
  border-radius:28px;
  box-shadow:0 18px 40px rgba(0,0,0,.18);
}
#instructor-flow .flow-start,#instructor-flow [data-flow-action="start"]{
  border-radius:999px;border:1px solid #e7d3b4;background:#f0e2cc;color:#2a2118;
}
#instructor-flow .flow-control.ghost{
  border-radius:999px;border:1px solid rgba(236,226,210,.28);background:rgba(16,14,12,.4);color:#f6efe4;
}
#instructor-flow .flow-console[data-flow-status="idle"] .flow-controls,
#instructor-flow .flow-console[data-flow-status="running"] .flow-entry-actions,
#instructor-flow .flow-console[data-flow-status="paused"] .flow-entry-actions{display:none}
#instructor-flow .flow-console[data-flow-status="finished"] .flow-entry-actions{display:flex}
#instructor-flow .flow-console[data-flow-status="finished"] [data-flow-action="pause"]{display:none}
#instructor-flow .flow-side{overflow:hidden;min-width:0}
#instructor-flow .flow-rail-button{min-width:0!important;width:100%;max-width:100%;box-sizing:border-box}
#instructor-flow .flow-phase strong{letter-spacing:-.03em}
#instructor-flow .flow-progress{border-radius:999px;overflow:hidden}
#instructor-flow :focus-visible{outline:2px solid #e7d3b4;outline-offset:3px}
@media(prefers-reduced-motion:reduce){
  #instructor-flow .yy-eye-unit,#instructor-flow .yy-belly{animation:none!important}
}

/* 51. Side arrows point sideways, never down. */
#instructor-flow .flow-theater .flow-rail-button{
  writing-mode:horizontal-tb!important;
  text-orientation:mixed!important;
  transform:none!important;
  font-size:0!important;
  min-height:72px;
  border-radius:18px;
  background:rgba(18,16,14,.45);
  border:1px solid rgba(232,210,180,.35);
  color:#f6efe4;
}
#instructor-flow .flow-theater .flow-side-prev .flow-rail-button,
#instructor-flow .flow-theater .flow-side-next .flow-rail-button{transform:none!important}
#instructor-flow .flow-theater .flow-side-prev .flow-rail-button::before{
  content:"←";font-size:28px;line-height:1;color:#f6efe4;
}
#instructor-flow .flow-theater .flow-side-next .flow-rail-button::before{
  content:"→";font-size:28px;line-height:1;color:#f0e2cc;
}
#instructor-flow .flow-theater .flow-rail-button:not(:disabled):hover{
  transform:none!important;background:rgba(240,226,204,.16);border-color:#e7d3b4;
}
#instructor-flow .flow-theater .flow-rail-button:disabled{opacity:.28}

/* All arrows: sideways chevrons, never rotated type. */
#instructor-flow .flow-theater .flow-rail-button,
#instructor-flow .flow-theater .flow-rail-button:hover,
#instructor-flow .flow-theater .flow-side-prev .flow-rail-button,
#instructor-flow .flow-theater .flow-side-next .flow-rail-button{
  writing-mode:horizontal-tb!important;
  text-orientation:mixed!important;
  transform:none!important;
  font-size:0!important;
  color:transparent!important;
}
#instructor-flow .flow-theater .flow-rail-button::before{
  display:block;width:14px;height:14px;content:""!important;
  border-right:2.5px solid #f6efe4;border-bottom:2.5px solid #f6efe4;
  font-size:0!important;
}
#instructor-flow .flow-theater .flow-side-prev .flow-rail-button::before{transform:rotate(135deg)}
#instructor-flow .flow-theater .flow-side-next .flow-rail-button::before{transform:rotate(-45deg);border-color:#f0e2cc}
.choice-arrow{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:999px;border:1px solid rgba(232,210,180,.4);color:#f0e2cc;font-size:13px}
a[href*="GracianB"]{text-underline-offset:4px}

/* D.8 jade sanctuary: lotus blush replaces the toy-blue spotlight. */
#instructor-flow .flow-theater .yy-stage{
 background:radial-gradient(ellipse 44% 48% at 50% 80%,rgba(217,158,173,.20),transparent 84%),
 radial-gradient(ellipse 42% 48% at 75% 20%,rgba(141,192,163,.16),transparent 82%),
 linear-gradient(157deg,#1a3c36,#285145 53%,#183431);
}
#instructor-flow .yy-guide[data-spirit="yin"] .yy-stage{
 background:radial-gradient(ellipse 48% 46% at 50% 80%,rgba(179,128,147,.18),transparent 85%),
 radial-gradient(ellipse 42% 52% at 76% 16%,rgba(145,173,163,.14),transparent 80%),
 linear-gradient(153deg,#18332f,#234740 54%,#152c2b);
}