/* v0.29 — modal containment, collision-free tour space and authored pose motion */
.guide-tour-open{overflow:hidden}
.guide-tour-open .sidebar{padding-bottom:calc(var(--guide-card-height,280px) + 160px);transition:none}
.guide-tour-open .content{padding-bottom:calc(var(--guide-card-height,280px) + 200px)}
.guide-tour-open .onboarding-card{display:flex;flex-direction:column;overflow:hidden;overscroll-behavior:contain}
.guide-tour-open .onboarding-card>.row,.guide-tour-open .onboarding-guide,.guide-tour-open .onboarding-card h2,.guide-tour-open .onboarding-actions{flex-shrink:0}
.guide-tour-open .onboarding-card>.row{gap:6px;margin-bottom:4px}
.guide-tour-open #onboardingProgress{margin:0}
.guide-tour-open .onboarding-guide{margin:4px 0}
.guide-tour-open .onboarding-card h2{margin:6px 0 8px}
.guide-tour-open #onboardingBody{flex:1 1 auto;min-height:2.4em;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;margin:0;padding:2px 3px 2px 1px}
.guide-tour-open #onboardingBody:focus-visible{outline:2px solid #176a99;outline-offset:-2px}
.guide-tour-open .onboarding-actions{margin-top:12px}
.folkoop-guide-language-card{overscroll-behavior:contain;max-height:calc(100dvh - 48px)}
@media(max-width:760px){.folkoop-guide-language-card{max-height:calc(100dvh - 20px)}}
@media(max-height:620px){
 .guide-tour-open .onboarding-card{padding:10px 12px}
 .guide-tour-open .onboarding-guide{display:none}
 .guide-tour-open .onboarding-card h2{font-size:1.12rem;margin:2px 0 4px}
 .guide-tour-open #onboardingBody{font-size:.9rem;line-height:1.45}
 .guide-tour-open .onboarding-actions{margin-top:8px}
 .guide-tour-open .onboarding-actions .button{min-height:42px;padding:8px 12px}
}
@media(prefers-reduced-motion:reduce){
 .folkoop-guide-actor,.folkoop-guide-actor>img,.folkoop-guide-language-character img,.onboarding-spotlight{animation:none!important;transition:none!important}
}


/* Mura tour: one identity, multiple authored body poses plus restrained motion. */
.folkoop-guide-actor:not(.is-tour) img{animation:mura-breathe 3.8s ease-in-out infinite;transform-origin:50% 92%}
.folkoop-guide-actor.is-tour img{animation:mura-attend 2.4s ease-in-out infinite;transform-origin:50% 92%}
.folkoop-guide-actor[data-pose="point-left"] img{animation:mura-nudge-left 1.35s ease-in-out infinite}
.folkoop-guide-actor[data-pose="point-right"] img{animation:mura-nudge-right 1.35s ease-in-out infinite}
.folkoop-guide-actor[data-pose="point-up"] img{animation:mura-nudge-up 1.35s ease-in-out infinite}
.folkoop-guide-actor[data-pose="point-down"] img{animation:mura-nudge-down 1.35s ease-in-out infinite}
.folkoop-guide-actor[data-pose="idea"] img{animation:mura-idea 1.9s ease-in-out infinite}
.folkoop-guide-actor[data-pose="sit-edge"] img{animation:mura-attend 2.1s ease-in-out infinite}
.folkoop-guide-actor:hover img,.folkoop-guide-actor:focus-visible img{animation:mura-greet .72s ease-in-out 1}
@keyframes mura-breathe{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.012)}}
@keyframes mura-attend{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-4px) rotate(-1deg)}}
@keyframes mura-nudge-left{0%,100%{transform:translateX(0)}50%{transform:translateX(-7px) rotate(-1.5deg)}}
@keyframes mura-nudge-right{0%,100%{transform:translateX(0)}50%{transform:translateX(7px) rotate(1.5deg)}}
@keyframes mura-nudge-up{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes mura-nudge-down{0%,100%{transform:translateY(0)}50%{transform:translateY(7px)}}
@keyframes mura-idea{0%,100%{transform:translateY(0) rotate(0)}45%{transform:translateY(-7px) rotate(1.8deg)}65%{transform:translateY(-5px) rotate(-1deg)}}
@keyframes mura-greet{0%,100%{transform:translateY(0) rotate(0)}35%{transform:translateY(-7px) rotate(-2deg)}65%{transform:translateY(-5px) rotate(2deg)}}
@media(prefers-reduced-motion:reduce){
 .folkoop-guide-actor img{animation:none!important;transform:none!important}
}

.folkoop-guide-actor.mura-react-step img{animation:mura-step-pop .5s cubic-bezier(.2,.8,.2,1) 1!important}
.folkoop-guide-actor.mura-react-done img{animation:mura-done .85s cubic-bezier(.2,.8,.2,1) 1!important}
@keyframes mura-step-pop{0%{transform:translateY(0) scale(1)}45%{transform:translateY(-8px) scale(1.055)}100%{transform:translateY(0) scale(1)}}
@keyframes mura-done{0%{transform:translateY(0) scale(1) rotate(0)}35%{transform:translateY(-10px) scale(1.07) rotate(-2deg)}65%{transform:translateY(-7px) scale(1.06) rotate(2deg)}100%{transform:translateY(0) scale(1) rotate(0)}}
@media(prefers-reduced-motion:reduce){.folkoop-guide-actor.mura-react-step img,.folkoop-guide-actor.mura-react-done img{animation:none!important}}

/* Keep Mura readable without putting her inside a large white bubble. */
.folkoop-guide-actor.is-tour::before{display:none}
.folkoop-guide-actor.is-tour>img{filter:drop-shadow(0 4px 2px rgba(255,255,255,.9)) drop-shadow(0 8px 12px rgba(0,0,0,.22))}
@media(prefers-contrast:more){.folkoop-guide-actor.is-tour>img{filter:drop-shadow(0 0 3px #fff) drop-shadow(0 0 1px #000)}}

/* Compact story card: the page remains the visual subject; Mura narrates beside it. */
.guide-tour-open .onboarding-card{padding:14px 16px 13px;max-width:470px}
.guide-tour-open .onboarding-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:0 0 auto;margin:0 0 5px}
.guide-tour-open .onboarding-head .onboarding-guide{margin:0;font-size:.76rem}
.guide-tour-open .onboarding-card h2{font-size:1.32rem;line-height:1.14;margin:4px 0 7px}
.guide-tour-open .onboarding-copy{overflow-y:auto;min-height:0}
.guide-tour-open #onboardingBody{font-size:.94rem;line-height:1.38;min-height:0;overflow:visible;padding:0;margin:0}
.guide-tour-open .mura-practice{margin:8px 0 0;padding:6px 9px;min-height:38px}
.guide-tour-open .onboarding-actions{display:grid;grid-template-columns:minmax(92px,1fr) auto minmax(92px,1fr);align-items:center;gap:9px;margin-top:9px;padding-top:9px;border-top:1px solid #eee8e3}
.guide-tour-open .onboarding-actions .button{min-height:40px;padding:7px 10px;white-space:nowrap}
.guide-tour-open .onboarding-actions [data-onboarding="back"]{justify-self:start}
.guide-tour-open .onboarding-actions [data-onboarding="next"]{justify-self:end}
.guide-tour-open .onboarding-progress{font-size:.76rem;font-weight:800;letter-spacing:.08em;color:var(--muted);white-space:nowrap}
.guide-tour-open #onboardingChapter{width:100%;min-width:0;min-height:44px;flex-shrink:0;border:1px solid var(--line);border-radius:9px;background:var(--paper);color:var(--ink);padding:8px;font-size:.85rem;margin-bottom:6px}
.guide-tour-open #onboardingBody{white-space:pre-line}
@media(max-width:760px){
 .guide-tour-open .onboarding-card{padding:13px 15px 12px;max-height:min(46vh,390px)}
 .guide-tour-open .onboarding-card h2{font-size:1.24rem;margin:3px 0 6px}
 .guide-tour-open #onboardingBody{font-size:.92rem;line-height:1.34}
 .guide-tour-open .onboarding-actions{grid-template-columns:minmax(82px,1fr) auto minmax(82px,1fr);gap:7px}
 .guide-tour-open .onboarding-actions .button{font-size:.8rem;min-height:38px;padding:6px 9px}
}
@media(max-height:620px){
 .guide-tour-open .onboarding-card{max-height:min(55vh,315px);padding:10px 12px}
 .guide-tour-open .onboarding-head{margin-bottom:2px}
 .guide-tour-open .onboarding-card h2{font-size:1.08rem}
 .guide-tour-open #onboardingBody{font-size:.86rem;line-height:1.3}
 .guide-tour-open .mura-practice{min-height:34px;margin-top:5px}
 .guide-tour-open .onboarding-actions{margin-top:6px;padding-top:6px}
}
/* Shared touch/keyboard controls, including narrow landscape and RTL. */
.guide-tour-open .onboarding-actions .button{min-height:44px;white-space:normal;overflow-wrap:anywhere;min-width:0}
.guide-tour-open .onboarding-head [data-onboarding="skip"]{min-height:44px}
.guide-tour-open .onboarding-copy{flex:1 1 auto;min-height:48px}
.guide-tour-open .onboarding-card{overflow-y:auto}
/* A quiet narrator beside her words; the existing account remains readable. */
.guide-tour-open #folkoopGuideActor{display:none!important}
.guide-tour-open .onboarding-head .onboarding-guide{display:flex;gap:8px;font-size:.85rem}
.onboarding-portrait{width:38px;height:42px;object-fit:contain;flex:none}
.guide-tour-open .onboarding-spotlight{border:2px solid var(--accent);border-radius:12px;box-shadow:0 0 0 9999px #182e3038,0 0 0 4px #346c7020;transition:none}
.onboarding[data-no-target="1"] .onboarding-backdrop{background:#182e3038}
.onboarding[data-interactive="chat"] .onboarding-backdrop{pointer-events:none}
.guide-tour-open .onboarding-card{box-shadow:0 10px 36px #0002}
.guide-tour-open .onboarding-actions{grid-template-columns:auto auto minmax(0,1fr)}
.guide-tour-open .onboarding-progress{min-width:44px;min-height:44px;letter-spacing:0;text-decoration:underline;text-underline-offset:3px}
.guide-tour-open #onboardingChapter[hidden],.guide-tour-open [data-onboarding][hidden]{display:none!important}
.guide-tour-open #onboardingBody:focus-visible{outline:2px solid var(--focus)}
@media(min-width:761px) and (max-height:520px){
 .guide-tour-open .chat-messages>article,.guide-tour-open .coop-next-step{max-width:44vw}
}