/* Scoped refinements for the existing clinical Human lab. */
body[data-platform-section="human"] #app>.controls{width:300px}
body[data-platform-section="human"] #app>.controls .section-title{font-size:12px;letter-spacing:.04em}
body[data-platform-section="human"] #app>.controls .stage-option{color:#b7c6c1;font-size:12px;line-height:1.25}
body[data-platform-section="human"] #app>.controls .stage-option span{font-size:12px}
body[data-platform-section="human"] #app>.controls .select-stack label{font-size:11px}
body[data-platform-section="human"] #app>.controls select{min-height:40px;font-size:13px}
body[data-platform-section="human"] #app>.controls .control-button{min-height:40px;font-size:12px}
body[data-platform-section="human"] #app>.controls .hint,
body[data-platform-section="human"] #app>.controls .anatomy-note{font-size:12px;line-height:1.5}
body[data-platform-section="human"] #app>.controls .layer-check,
body[data-platform-section="human"] #app>.controls .layer-checks legend{font-size:11px}
.study-start{margin:0 0 12px;color:var(--muted);font-size:12px;line-height:1.5}
.study-start strong{display:block;color:var(--text);font-size:15px;margin-bottom:3px}
.study-advanced{border-top:1px solid var(--line);margin-top:12px;padding-top:4px}
.study-advanced>summary{color:var(--teal);cursor:pointer;font-size:12px;font-weight:700;min-height:38px;display:flex;align-items:center}
.study-advanced>summary:focus-visible{outline:2px solid var(--teal);outline-offset:2px}
.study-advanced[open]>summary{margin-bottom:9px}
.study-advanced .select-stack{margin-bottom:10px}
.human-mode-picker{display:none}
#modelLoadAlert[hidden]{display:none!important}
#modelLoadAlert{position:fixed;z-index:80;left:50%;bottom:24px;transform:translateX(-50%);display:flex;align-items:center;gap:12px;width:min(520px,calc(100vw - 28px));padding:12px 14px;background:#172226;color:var(--text);border:1px solid var(--line);border-radius:8px;box-shadow:0 16px 32px rgba(0,0,0,.34);font-size:13px;line-height:1.4}
#modelLoadAlert button{min-height:40px;flex:none;padding:7px 12px;color:#07201f;background:var(--teal);border:0;border-radius:5px;cursor:pointer;font-size:12px;font-weight:700}
#modelLoadAlert button:focus-visible{outline:2px solid var(--text);outline-offset:2px}
@media(max-width:900px){
 body[data-platform-section="human"] #app>.controls{width:auto;height:min(260px,42dvh)}
 body[data-platform-section="human"] #app>.controls .control-button{min-height:42px}
 body[data-platform-section="human"] #app>.controls>.section:nth-child(2){max-height:none;overflow:visible}
}
@media(max-width:700px){
 body[data-platform-section="human"] .atlas-mode-switch{display:none!important}
 body[data-platform-section="human"] .human-mode-picker{position:fixed;z-index:11;top:80px;left:12px;right:112px;display:grid;gap:3px;color:var(--muted);font-size:11px;font-weight:700;pointer-events:auto}
 body[data-platform-section="human"] .human-mode-picker select{width:100%;min-height:44px;background:#111a1e;color:var(--text);font-size:13px;border:1px solid var(--line);border-radius:6px;padding:0 9px}
 body[data-platform-section="human"] .human-mode-picker select:focus-visible{outline:2px solid var(--teal);outline-offset:2px}
}
@media(max-width:540px){
 body[data-platform-section="human"] .human-mode-picker{top:88px;right:120px}
 body[data-platform-section="human"] #app>.controls{height:min(260px,43dvh)}
 #modelLoadAlert{bottom:278px;display:grid}
}
@media(prefers-reduced-motion:reduce){#loader .loader-bone,#loader .loader-track:after{animation:none}}
@media(max-width:700px){body[data-platform-section="human"] .platform-home-link{top:106px;left:auto!important;right:12px!important;bottom:auto;width:auto!important}}
/* Keep functional labels legible in the dense study surfaces. */
body[data-platform-section="human"] .atlas-mode-switch button{font-size:12px;min-height:40px}
body[data-platform-section="human"] .eyebrow,
body[data-platform-section="human"] .info-kicker,
body[data-platform-section="human"] .fact-row dt,
body[data-platform-section="human"] .legend-title,
body[data-platform-section="human"] .quiz-meta{font-size:11px}
body[data-platform-section="human"] .button-label,
body[data-platform-section="human"] .camera-row .control-button{font-size:12px}
body[data-platform-section="human"] .credits{font-size:12px;color:#afbfbb}
body[data-platform-section="human"] .human-model-control small,
body[data-platform-section="human"] .human-model-control small{font-size:11px;color:#afbfbb}
body[data-platform-section="human"] .label-text{font-size:11px}
body[data-platform-section="human"] .motion-guide-label span,
body[data-platform-section="human"] .motion-guide-label small{font-size:12px}
body[data-platform-section="human"] .human-mode-picker{font-size:11px}/* A single study-area control keeps navigation clear of the model at every width. */
body[data-platform-section="human"] .atlas-mode-switch{display:none!important}
body[data-platform-section="human"] .human-mode-picker{position:fixed;z-index:11;top:108px;left:24px;width:300px;display:grid;gap:3px;color:var(--muted);font-size:11px;font-weight:700;pointer-events:auto}
body[data-platform-section="human"] .human-mode-picker select{width:100%;min-height:44px;background:#111a1e;color:var(--text);font-size:13px;border:1px solid var(--line);border-radius:6px;padding:0 9px}
body[data-platform-section="human"] #app>.controls{top:184px}
@media(max-width:900px){
 body[data-platform-section="human"] .human-mode-picker{top:80px;left:12px;width:min(300px,calc(100vw - 132px))}
 body[data-platform-section="human"] #app>.controls{top:auto}
 body[data-platform-section="human"] .platform-home-link{top:106px;left:auto!important;right:12px!important;bottom:auto;width:auto!important}
}
@media(max-width:540px){body[data-platform-section="human"] .human-mode-picker{top:88px;width:calc(100vw - 132px)}}

/* Keep Bone Study navigation clear of the Study area picker. */
body.bone-active .bone-breadcrumb{left:340px}
@media(max-width:700px){
 body.bone-active .bone-breadcrumb{top:150px;left:12px;right:12px}
 body.bone-active .bone-region-toolbar{top:190px}
 body.bone-active #boneLeft{top:232px}
}
@media(max-width:540px){
 body.bone-active .bone-breadcrumb{top:158px}
 body.bone-active .bone-region-toolbar{top:198px}
 body.bone-active #boneLeft{top:240px}
}

/* The Study area picker and return controls occupy separate slots. */
@media(min-width:901px){
 body[data-platform-section="human"].neuro-active .neuro-breadcrumb,
 body[data-platform-section="human"].exercise-active .exercise-breadcrumb,
 body[data-platform-section="human"] #boneStudyReturn:not([hidden]),
 body[data-platform-section="human"] .atlas-movement-return{left:340px}
 body[data-platform-section="human"].neuro-active:has(#boneStudyReturn:not([hidden])) .neuro-breadcrumb{left:520px}
 body[data-platform-section="human"].neuro-comparing-movement #neuroMovementReturn{top:178px}
}
@media(max-width:900px){
 body[data-platform-section="human"] .human-mode-picker{display:flex;align-items:center;gap:7px;height:44px;line-height:1.1}
 body[data-platform-section="human"] .human-mode-picker>span{flex:none}
 body[data-platform-section="human"] .human-mode-picker select{flex:1;min-width:0;width:auto}
 body[data-platform-section="human"].neuro-active .neuro-breadcrumb{top:132px}
 body[data-platform-section="human"].neuro-active .platform-home-link{top:132px}
 body[data-platform-section="human"].exercise-active .exercise-breadcrumb{top:132px}
 body[data-platform-section="human"].exercise-active .exercise-library{top:166px}
 body[data-platform-section="human"].exercise-active .exercise-stage{top:226px}
 body[data-platform-section="human"] .atlas-movement-return{top:132px;left:12px}
 body[data-platform-section="human"] #boneStudyReturn:not([hidden]){top:132px;left:12px}
 body[data-platform-section="human"].neuro-comparing-movement #neuroMovementReturn{top:132px}
}
@media(min-width:701px) and (max-width:900px){
 body[data-platform-section="human"].neuro-active:has(#boneStudyReturn:not([hidden])) .neuro-breadcrumb{left:185px}
}
@media(max-width:700px){
 body[data-platform-section="human"].neuro-active:has(#boneStudyReturn:not([hidden])) .neuro-breadcrumb,
 body[data-platform-section="human"].neuro-active:has(#boneStudyReturn:not([hidden])) .platform-home-link{top:170px}
}
@media(max-width:540px){
 body[data-platform-section="human"].neuro-active .neuro-breadcrumb,
 body[data-platform-section="human"].neuro-active .platform-home-link{top:142px}
 body[data-platform-section="human"].exercise-active .exercise-breadcrumb{top:140px}
 body[data-platform-section="human"].exercise-active .exercise-library{top:174px}
 body[data-platform-section="human"].exercise-active .exercise-stage{top:234px}
 body[data-platform-section="human"] .atlas-movement-return{top:142px}
 body[data-platform-section="human"] #boneStudyReturn:not([hidden]){top:142px}
 body[data-platform-section="human"].neuro-active:has(#boneStudyReturn:not([hidden])) .neuro-breadcrumb,
 body[data-platform-section="human"].neuro-active:has(#boneStudyReturn:not([hidden])) .platform-home-link{top:180px}
 body[data-platform-section="human"].neuro-comparing-movement #neuroMovementReturn{top:142px}
}
@media(max-width:900px) and (max-height:540px) and (orientation:landscape){
 body[data-platform-section="human"] .human-mode-picker{top:43px;height:38px}
 body[data-platform-section="human"] .human-mode-picker select{min-height:38px}
 body[data-platform-section="human"].neuro-active .neuro-breadcrumb,
 body[data-platform-section="human"].neuro-active .platform-home-link{top:96px}
 body[data-platform-section="human"] #boneStudyReturn:not([hidden]){top:96px}
 body[data-platform-section="human"].neuro-active:has(#boneStudyReturn:not([hidden])) .neuro-breadcrumb,
 body[data-platform-section="human"].neuro-active:has(#boneStudyReturn:not([hidden])) .platform-home-link{top:132px}
 body[data-platform-section="human"].neuro-comparing-movement #neuroMovementReturn{top:96px}
 body[data-platform-section="human"].exercise-active .exercise-breadcrumb{top:86px}
 body[data-platform-section="human"].exercise-active .exercise-library{top:118px}
 body[data-platform-section="human"].exercise-active .exercise-stage{top:83px}
 body[data-platform-section="human"] .atlas-movement-return{top:96px}
}