.ward-help-actions{display:flex;align-items:center;gap:8px}
.ward-walkthrough{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:44px;padding:7px 11px;border:1px solid #8fa797;border-radius:8px;background:#e4ecdc;color:#35594a;font-size:10px;line-height:1.35;white-space:nowrap}
.ward-walkthrough[aria-pressed=true]{background:#315f50;color:#fff5d7}
.walkthrough-player{padding:19px;background:var(--white);border:1px solid var(--line);border-radius:12px}
.walkthrough-player h2{font-family:Georgia,serif;font-size:24px;font-weight:400;margin-bottom:9px}
.walkthrough-player p{font-size:12px;line-height:1.6;color:var(--muted)}
.walkthrough-play-buttons{display:flex;flex-wrap:wrap;gap:7px;margin:16px 0}
.walkthrough-player button{min-height:44px;padding:9px 12px;border:1px solid #879f91;border-radius:7px;background:#e9efe2;color:#2c5042;font-size:12px}
.walkthrough-player button:first-child{background:#315f50;color:#fff5d7}
.walkthrough-player label{display:flex;justify-content:space-between;gap:12px;font-size:12px}
.walkthrough-player input[type=range]{width:100%;min-height:44px;margin:7px 0;accent-color:#426b55}
.walkthrough-player #walkthrough-auto{width:100%;margin-bottom:10px}
.walkthrough-player .walkthrough-tip{font-size:11px}
.walkthrough-narration{position:absolute;bottom:10px;left:12px;right:12px;z-index:5;min-height:100px;padding:11px 15px;border:1px solid #607b7280;border-radius:8px;background:#173c36ed;color:#f4efdb;pointer-events:none;box-shadow:0 3px 16px #163b3026}
.walkthrough-kicker{font-size:7px;letter-spacing:1px;color:#c3d6b3}
.walkthrough-narration h2{font-size:14px;font-weight:700;line-height:1.3;letter-spacing:0;margin:3px 0 5px}
.walkthrough-narration p{font-size:12px;line-height:1.45}
body.in-walkthrough .ward-exam-flow>:is(.mentor,.exam-toolbar,.patient-interaction,.field-observation,.evidence-board,.case-resolution,.case-history,.ward-course-link){display:none}
body.in-walkthrough .nerve-workbench>:is(.workbench-intro,.anatomy-legend,.anatomy-rail,.signal-settings,.signal-buttons,.signal-explanation,.model-limit,.compare-case,.compare-requirement){display:none}
body.in-walkthrough .scene-caption,body.in-walkthrough .scene-mode{display:none}
body.in-walkthrough .patient-stage .patient-canvas{height:calc(100% - 130px);bottom:auto}
html body.in-ward.in-walkthrough .ward-layout.follows-patient>.patient-stage.has-anatomy-labels .patient-canvas{top:110px;height:calc(100% - 240px)}
html body.in-ward.in-walkthrough .ward-layout.follows-patient>.patient-stage.has-anatomy-labels.head-with-anatomy .patient-canvas{top:225px;height:calc(100% - 355px)}
html body.in-ward.in-walkthrough.labels-hidden .ward-layout.follows-patient>.patient-stage.has-anatomy-labels .patient-canvas{top:100px;height:calc(100% - 230px)}
body.in-walkthrough .head-motion-status{display:none}
@media(max-width:850px){
 .ward-help-actions{gap:5px}.ward-walkthrough{padding:6px 8px;font-size:9px}
 .ward-heading>div:first-child{flex-wrap:wrap;gap:3px 10px}
 .walkthrough-narration{min-height:112px;padding:9px 11px;left:9px;right:9px;bottom:8px}
 .walkthrough-narration h2{font-size:13px}.walkthrough-narration p{font-size:11px;line-height:1.45}
 html body.in-ward.in-walkthrough .ward-layout.follows-patient>.patient-stage{height:calc(var(--patient-follow-height) + 120px)}
 body.in-walkthrough .ward-exam-flow :is(button,select,input,section){scroll-margin-top:calc(var(--patient-follow-height) + 144px)}
 html body.in-ward.in-walkthrough .ward-layout.follows-patient>.patient-stage.has-anatomy-labels .patient-canvas,
 html body.in-ward.in-walkthrough .ward-layout.follows-patient>.patient-stage.has-anatomy-labels.head-with-anatomy .patient-canvas{top:193px;height:calc(100% - 323px)}
 html body.in-ward.in-walkthrough .ward-layout.follows-patient>.patient-stage.has-anatomy-labels.anatomy-macro .patient-canvas,
 html body.in-ward.in-walkthrough.labels-hidden .ward-layout.follows-patient>.patient-stage.has-anatomy-labels .patient-canvas{top:112px;height:calc(100% - 242px)}
}
html[data-phone-mode=true] body.in-ward.in-walkthrough .ward-layout.follows-patient>.patient-stage{height:calc(var(--patient-follow-height) + 120px)}
html[data-phone-mode=true] body.in-ward.in-walkthrough .ward-layout.follows-patient>.patient-stage.has-anatomy-labels .patient-canvas,
html[data-phone-mode=true] body.in-ward.in-walkthrough .ward-layout.follows-patient>.patient-stage.has-anatomy-labels.head-with-anatomy .patient-canvas{top:193px;height:calc(100% - 323px)}
html[data-phone-mode=true] body.in-ward.in-walkthrough .ward-layout.follows-patient>.patient-stage.has-anatomy-labels.anatomy-macro .patient-canvas,
html[data-phone-mode=true] body.in-ward.in-walkthrough.labels-hidden .ward-layout.follows-patient>.patient-stage.has-anatomy-labels .patient-canvas{top:112px;height:calc(100% - 242px)}
@media(prefers-reduced-motion:reduce){.walkthrough-narration{opacity:1!important}}