.learning-buddy{width:62px;height:72px;flex:none;overflow:visible}.steps-helper .learning-buddy{width:62px;height:72px}.steps-complete{position:relative;isolation:isolate;overflow:hidden;min-height:92px}.steps-complete .learning-buddy{width:76px;height:88px}.steps-feedback.good{display:flex;align-items:center;gap:10px}.steps-feedback.good .learning-buddy{width:42px;height:48px}.buddy-think .buddy-loupe{transform-origin:74px 64px;animation:buddy-inspect 1.4s ease-in-out 1}.buddy-happy .buddy-body{transform-origin:48px 99px;animation:buddy-hop 1s ease-out 1}.buddy-happy .buddy-arm{transform-origin:22px 64px;animation:buddy-wave .8s ease-in-out 1}.learning-confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:-1}.learning-confetti i{position:absolute;left:var(--x);top:-12px;width:6px;height:9px;border-radius:1px;background:var(--color);opacity:0;animation:buddy-confetti 1.3s ease-out var(--delay) 1}.steps-result .learning-buddy{vertical-align:middle;margin-right:12px}.steps-result{position:relative;overflow:hidden;isolation:isolate}.steps-plan-card .table-wrap{margin-top:12px}.steps-task-data{font-size:13px;color:#706b74}@keyframes buddy-inspect{0%,100%{transform:rotate(0)}40%{transform:rotate(-15deg)}70%{transform:rotate(5deg)}}@keyframes buddy-hop{0%,100%{transform:translateY(0)}25%{transform:translateY(-8px) rotate(-3deg)}60%{transform:translateY(0)}80%{transform:translateY(-3px) rotate(2deg)}}@keyframes buddy-wave{0%,100%{transform:rotate(0)}35%{transform:rotate(65deg)}65%{transform:rotate(35deg)}}@keyframes buddy-confetti{0%{opacity:0;transform:translateY(0) rotate(0)}10%{opacity:.85}100%{opacity:0;transform:translateY(145px) rotate(var(--turn))}}@media(prefers-reduced-motion:reduce){.learning-buddy *,.learning-confetti i{animation:none!important}.learning-confetti{display:none}}

/* One lavender illustrated guide, shared by all seven learning stories. */
span.learning-buddy{display:inline-block;position:relative;width:82px!important;height:82px!important;vertical-align:middle;flex:none;overflow:visible}.learning-buddy .buddy-art{display:block;width:100%;height:100%;background:url('/oge/learning-monkey-v35.png') 0 50%/300% 100% no-repeat}.buddy-happy .buddy-art{background-position:50% 50%;animation:buddy-hop .8s ease-out 1;transform-origin:50% 90%}.buddy-think .buddy-art{background-position:100% 50%;animation:monkey-inspect 1s ease-out 1;transform-origin:50% 90%}.steps-feedback.good span.learning-buddy{width:58px!important;height:58px!important}.steps-complete span.learning-buddy{width:100px!important;height:100px!important}@keyframes monkey-inspect{0%,100%{transform:rotate(0)}40%{transform:rotate(-5deg)}70%{transform:rotate(2deg)}}@media(prefers-reduced-motion:reduce){.learning-buddy .buddy-art{animation:none!important}}

.steps-helper{background:linear-gradient(110deg,#f0e8f8,#f6f1fb 65%,#edf6f0);border:1px solid #e4d9ef}.steps-complete{background:linear-gradient(110deg,#f0e8f8,#fff4e5);border-radius:12px;padding:12px}