/* Navigation is a calm schematic; detailed anatomy opens by choice. */
.workspace.patient-map-mode{position:relative;display:block!important;min-height:0!important;height:auto!important;background:#fafcf9;border:0}
.workspace.patient-map-mode>.viewport{position:absolute!important;left:-10000px!important;top:0;width:800px!important;height:700px!important;min-height:700px!important;overflow:hidden;visibility:hidden}
.workspace.patient-map-mode>#atlas-view-settings{display:none!important}
.workspace.patient-map-mode>#body-region-navigation{display:block;grid-row:auto;grid-column:auto;margin-bottom:12px}
.workspace.patient-map-mode>#patient-conditions{width:100%;max-height:none;overflow:visible}
.body-guide-start .simple-chooser label:has(#simple-injury-select),.body-guide-start #patient-conditions{display:none!important}
body:has(.patient-map-mode) #atlas-colour-legend{display:none!important}
.body-map-content{display:grid;grid-template-columns:minmax(160px,240px) minmax(0,1fr);align-items:center;gap:24px}
.body-map-guide{text-align:center}.body-map-guide svg{width:160px;height:280px;fill:#cbded5;stroke:#769d8a;stroke-width:2;stroke-linejoin:round}
.body-map-guide p{margin:0;font-size:13px}.body-map-guide .body-navigation-views{justify-content:center;margin:8px 0 12px}
.body-map-spine{display:none;fill:none;stroke:#769d8a;stroke-width:3}.body-map-guide[data-side=back] .body-map-spine{display:block}
.body-map-choices .body-region-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.body-region-grid[hidden],.body-map-guide[hidden]{display:none!important}
#open-body-3d{min-height:44px;margin-top:12px;border:1px solid #779f90;border-radius:7px;background:#fff;color:#27574c;padding:8px 16px}
#body-region-navigation>#loading{position:static;max-width:100%;margin-top:12px}
.neuro-level-picker,.neuro-view-information{pointer-events:auto!important;padding:8px 0}.neuro-level-picker summary,.neuro-view-information>summary{cursor:pointer;min-height:44px;display:flex;align-items:center;color:#365e52;list-style:revert}
.neuro-level-picker .lumbar-root-control{margin-bottom:8px}.neuro-view-information{border-top:1px solid #d2dfd5;margin-top:8px}.neuro-view-information .lumbar-neural-explanation{margin-top:12px}
.neuro-short-caption{font-size:14px;line-height:1.45;margin:10px 0;color:#354f45}.neuro-view-information .lumbar-pane-caption{line-height:1.6}.neuro-view-information [hidden]{display:none!important}
.lumbar-label-rail button{pointer-events:auto!important;font-size:13px!important;min-height:44px!important;cursor:pointer}
.lumbar-label-rail button[aria-pressed=true]{outline:2px solid currentColor;outline-offset:-3px}
#lumbar-visual[data-neuro-family=cervical] .lumbar-key-root{background:#bc8d00!important}
#lumbar-visual[data-neuro-family=cervical] .lumbar-key-change{background:#bc322c!important}
#lumbar-visual[data-neuro-family=cervical] .lumbar-key-annulus{background:#71969c!important}
.spine-patient-active:has(.has-lumbar-visual) #spine-patient-title{display:none}
#spine-patient-more>summary{min-height:44px;cursor:pointer;padding:10px 0}
.has-lumbar-visual .scene-heading{display:none!important}.viewport.has-lumbar-visual{padding-top:64px!important}
@media(max-width:850px){.body-map-content{grid-template-columns:1fr;gap:4px}.body-map-guide svg{height:175px;width:100px}.body-map-guide{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.body-map-guide p{display:none}.body-map-guide .body-navigation-views{flex-direction:column}.body-map-choices .body-region-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.body-region-grid button{min-height:52px;font-size:14px}.region-circle{width:18px;height:18px;flex-basis:18px}#body-region-navigation h2{font-size:22px}.neuro-view-information{font-size:14px}}

/* Supplied mobile evidence shows a fixed-right overlay. Keep a real empty strip
   at every scroll position, without hiding or intercepting that control. */
@media(max-width:850px){
  body{padding-right:calc(52px + env(safe-area-inset-right,0px))}
  main,.simple-chooser,.workspace,.viewport,#patient-conditions,#atlas-view-settings{min-width:0}
}

/* These two examples use one local key; the full original clinical explanation
   remains in a keyboard-accessible, initially closed native disclosure. */
.compact-shoulder-active #atlas-colour-legend,
.compact-shoulder-active #atlas-local-colour-key{display:none!important}
.compact-shoulder-active #simple-model-caption{margin:12px 0 8px;line-height:1.45}
.compact-shoulder-active #simple-model-caption strong{display:block;font-size:20px;color:#173f35;margin-bottom:4px}
.compact-shoulder-active #simple-model-caption span{display:block;font-size:14px}
#compact-shoulder-controls{margin:0 0 10px;color:#263e37}
#compact-shoulder-controls[hidden]{display:none!important}
.compact-shoulder-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:4px;background:#ecf1eb;border-radius:5px;max-width:460px}
.compact-shoulder-comparison button{min-height:44px;border:0;border-radius:4px;color:#315655;background:transparent;font-size:15px}
.compact-shoulder-comparison [data-compare-state=normal][aria-pressed=true]{background:#126d66;color:#fff}
.compact-shoulder-comparison [data-compare-state=injured][aria-pressed=true]{background:#a14c32;color:#fff}
.compact-shoulder-key{font-size:12px;line-height:1.45;margin:7px 0 2px}
#compact-shoulder-guidance{border:0;border-top:1px solid #cadad4;padding:0;margin:6px 0 0;background:transparent}
#compact-shoulder-guidance>summary{min-height:44px;padding:10px 0;line-height:1.45;font-size:13px;cursor:pointer;color:#315f52}
#compact-shoulder-guidance>p{font-size:14px;line-height:1.6;margin:8px 0 12px;max-width:80ch}

/* The real licensed muscle figure is the primary region picker. */
.workspace.patient-body-navigation:not(:has(.viewport[data-body-mode=false]))>#body-region-navigation{grid-column:2;grid-row:1;align-self:start}
.workspace.patient-body-navigation:not(:has(.viewport[data-body-mode=false]))>#patient-conditions{grid-column:2;grid-row:2}
#body-region-navigation>p{font-size:14px;line-height:1.45;margin:6px 0}
#body-region-navigation .body-region-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.patient-body-navigation .viewport[data-body-mode=true] #hover-label{max-width:calc(100% - 24px);white-space:normal;pointer-events:none}
@media(max-width:850px){.workspace.patient-body-navigation>#body-region-navigation{order:2;grid-column:auto;grid-row:auto}.workspace.patient-body-navigation>.viewport[data-body-mode=true]{order:1;min-height:540px!important}.workspace.patient-body-navigation>#patient-conditions{order:3}.patient-body-navigation .viewport[data-body-mode=true] .orientation{font-size:14px}}

.patient-condition-orientation{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:12px 0}.patient-condition-orientation[hidden]{display:none}.patient-condition-orientation p{margin:0;font-size:.9rem}.patient-condition-orientation button{min-height:44px;background:#fff;border:1px solid #6c9080;border-radius:6px;padding:10px 14px;color:#244c40}

.patient-body-navigation .viewport[data-body-mode=true]>.body-navigation-views{position:absolute;top:12px;left:12px;right:12px;z-index:8;justify-content:center;gap:8px}.patient-body-navigation .viewport>.body-navigation-views[hidden]{display:none}.patient-body-navigation .viewport[data-body-mode=true] #body-muscle-notice{display:none}.patient-body-navigation .viewport[data-body-mode=true] #body-fit{top:65px}

@media(max-width:599px){
.patient-regional-active .scene-heading{max-height:none!important;align-items:flex-start;overflow:visible!important}
.patient-regional-active #view-name{max-width:52%!important}
.patient-regional-active #state-pill{max-width:45%!important;font-size:10px!important;line-height:1.2!important;padding:5px 7px!important;white-space:normal!important}
.patient-regional-active #return-body{top:86px!important}
.patient-regional-active #context-zoom-out{top:86px!important}
}

/* One comparison row and directly reachable views for the embedded bursa. */
#compact-shoulder-controls[data-model-id="shoulder-sasd-partial"] .compact-shoulder-comparison{display:none}
#bursa-view-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;width:100%;padding:0 8px 8px}
#bursa-view-choices[hidden]{display:none!important}
#bursa-view-choices button{min-height:44px;white-space:normal}
@media(max-width:599px){
 #lumbar-visual:is([data-model-id="lumbar-l5-root-pathway"],[data-model-id="lumbar-l4-foraminal-root-pathway"])[data-detail-presentation="outside"][data-detail-angle="oblique"] [data-lumbar-pane="cutaway"]{height:clamp(300px,42vh,360px)}
}

/* Keep orientation visible while the full anatomical region remains primary. */
.patient-context-guide{display:flex;gap:16px;align-items:center;flex-basis:100%;padding:12px 16px;background:#edf3ed;border:1px solid #bdcec2;border-radius:8px}
.patient-context-guide[hidden]{display:none}
.patient-context-guide svg{width:58px;height:104px;flex:0 0 58px}
.patient-context-guide strong{font-size:16px;color:#244c40}
.patient-context-guide p{margin:5px 0;line-height:1.4}
.patient-context-guide .patient-change-cue{font-size:16px;font-weight:600}
.patient-context-guide small{display:block;font-size:11px;color:#52685f}
/* Reserve a real header row: the return action must never cover level controls. */
.viewport.has-lumbar-visual{padding-top:64px!important}
.patient-regional-active .has-lumbar-visual #return-body{top:12px!important;left:12px!important}
@media(max-width:599px){.patient-context-guide{gap:10px;padding:10px}.patient-context-guide svg{width:44px;height:80px;flex-basis:44px}.patient-context-guide .patient-change-cue{font-size:14px}}
.patient-condition-orientation>p{display:none}.gap-medical-label[data-focal=true]{font-weight:700;border:2px solid #d78226;background:#fff8e9}@media(max-width:599px){#lumbar-visual [data-lumbar-pane=outside]{height:340px!important}}

.patient-finding-pointer{position:absolute;inset:0;z-index:7;pointer-events:none}.patient-finding-pointer[hidden]{display:none}.patient-finding-pointer svg{position:absolute;width:100%;height:100%;inset:0;overflow:visible;filter:drop-shadow(0 1px 2px #243c32)}.patient-finding-pointer span{position:absolute;background:#fff8e9;color:#3c361f;border:2px solid #d78c2d;border-radius:5px;padding:6px 8px;font-size:12px;font-weight:700;line-height:1.25;box-shadow:0 1px 5px #0003}
.patient-condition-orientation #return-body{position:static!important;margin:0;min-height:44px;transform:none!important}
.patient-regional-active .viewport.has-lumbar-visual{padding-top:16px!important}
.patient-location-art{display:flex;align-items:center;gap:12px;flex:none}
.patient-context-guide .patient-region-location{width:150px;height:130px;flex:0 0 150px}
.patient-location-copy{min-width:0;flex:1}
.patient-location-details{font-size:13px;margin-top:8px}
.patient-location-details summary{cursor:pointer;min-height:32px;display:flex;align-items:center;text-decoration:underline;text-underline-offset:3px}
.patient-location-details .patient-change-cue{font-size:13px;font-weight:400}
/* The existing structure label names the feature. Retain its focal ring without
   a second floating instruction covering the anatomy, especially on phones. */
.patient-finding-pointer span,.patient-finding-pointer line{display:none}
.patient-ucl-views{display:flex;gap:6px;margin-top:6px}.patient-ucl-views[hidden]{display:none}.patient-ucl-views button{flex:1;min-height:44px}
@media(max-width:599px){.patient-context-guide{align-items:flex-start;gap:8px}.patient-location-art{gap:4px}.patient-context-guide .patient-region-location{width:100px;height:105px;flex-basis:100px}.patient-context-guide .patient-location-art>svg:first-child{width:32px;height:70px;flex-basis:32px}.patient-context-guide strong{font-size:14px}.patient-location-copy>p{font-size:12px}.patient-location-details summary{font-size:12px;min-height:44px}}

/* These views now have one pane and settings in page flow; remove the old
   reserved second-pane height and give comparisons their own control row. */
.patient-regional-active .viewport-dock:has(.patient-ucl-views:not([hidden])){display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:6px}
.patient-regional-active .viewport-dock:has(.patient-ucl-views:not([hidden]))>*{min-width:0;grid-column:1/-1}
.patient-ucl-views{width:100%;min-width:0;margin-top:0}
@media(max-width:699px){.patient-regional-active .viewport.has-regional-completion{height:600px!important;min-height:600px!important}.patient-regional-active .viewport.has-regional-completion:has(#simple-view-options[open]){height:600px!important;min-height:600px!important}}