.study-mode-list { grid-template-columns:repeat(8,minmax(0,1fr)); }
.is-orbit-study > .structures-panel,.is-orbit-study > .motion-panel { display:none!important; }
.eye3d-workspace.is-orbit-study { height:800px; min-height:0!important; }
.is-orbit-study .anatomy-labels { display:none; }
.is-orbit-study .interior-navigation,.is-orbit-study .gesture-hint { display:none!important; }
.orbit-controls,.orbit-information { padding:20px; min-width:0; overflow:auto; scrollbar-width:thin; }
.orbit-controls[hidden],.orbit-information[hidden],.orbit-stage-caption[hidden] { display:none; }
.orbit-lead,.orbit-description p,.orbit-research { font-size:12px; line-height:1.7; color:#526963; }
.orbit-steps { list-style:none; padding:0; margin:20px 0 14px; display:grid; gap:4px; }
.orbit-steps button { width:100%; display:flex; align-items:center; gap:10px; text-align:start; padding:10px 9px; border:1px solid transparent; background:transparent; border-radius:7px; color:#254c49; font:inherit; font-size:12px; cursor:pointer; }
.orbit-steps button small { font:10px monospace; opacity:.65; }
.orbit-steps button[aria-pressed=true] { background:#e4efea; border-color:#afc9bd; color:#163f3a; }
.orbit-steps button:not(:disabled):hover { background:#edf3ef; }
.orbit-steps button:disabled { color:#7e8882; cursor:not-allowed; }
.orbit-controls button:focus-visible,.orbit-controls select:focus-visible { outline:2px solid #247e83; outline-offset:3px; }
.orbit-pending,.orbit-evidence { background:#f6f0e4; border-inline-start:3px solid #b38a48; padding:12px; font-size:11px; line-height:1.7; color:#69583a; }
.orbit-controls label { display:block; font-size:12px; margin:22px 0 7px; }
.orbit-controls select { width:100%; padding:10px; border:1px solid #c6d2c9; border-radius:7px; background:#fafbf7; color:#254c49; }
.orbit-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:20px; }
.orbit-actions button { flex:1; min-height:40px; border:1px solid #c6d2c9; border-radius:7px; background:#f6f8f3; color:#254c49; cursor:pointer; }
.orbit-kicker { font:10px monospace; color:#6d8177; letter-spacing:.1em; }
.orbit-selection { font-size:24px; font-weight:500; margin:12px 0 24px; color:#254c49; }
.orbit-selection-card { padding:14px; background:#f2f6ef; border:1px solid #d8e4d8; border-radius:12px; margin-bottom:22px; }
.orbit-selection-card .orbit-selection { margin:8px 0 14px; font-size:22px; }.orbit-selection-card .orbit-description p { font-size:11px; }
.orbit-selected-actions { display:grid; grid-template-columns:1fr 1fr; gap:6px; }.orbit-selected-actions[hidden] {display:none;}
.orbit-selected-actions button { border:1px solid #d2dfd2; background:white; color:#295d51; min-height:34px; border-radius:6px; cursor:pointer; font-size:11px; }
.orbit-description p strong,.orbit-description p span { display:block; }
.orbit-description p strong { color:#254c49; font-size:11px; margin-bottom:5px; }
.orbit-evidence { margin-block:22px; }
.orbit-evidence a,.orbit-sources a { color:#215b57; }
.orbit-information details { font-size:12px; margin-block:20px; line-height:1.7; }
.orbit-information summary { cursor:pointer; color:#254c49; }
.orbit-sources { display:flex; flex-wrap:wrap; gap:10px; font:10px monospace; }
.orbit-bone-tools { margin-top:22px; font-size:12px; color:#254c49; }
.orbit-bone-tools summary { cursor:pointer; }
.orbit-bone-list { display:grid; grid-template-columns:1fr 1fr; gap:4px; margin-top:12px; }
.orbit-bone-list label { display:flex; align-items:center; gap:4px; margin:0; }
.orbit-bone-list button { border:0; border-inline-start:3px solid var(--bone-color); background:transparent; color:#254c49; padding:7px 4px; font-size:11px; cursor:pointer; text-align:start; }
.orbit-bone-list button[aria-pressed=true] { background:#e4efea; }
.orbit-bone-tools input[type=range] { width:100%; accent-color:#247e83; }
.orbit-attribution { font-size:9px; line-height:1.6; margin-top:25px; }
.orbit-attribution a { color:#60736a; }
.orbit-stage-caption { position:absolute; inset-block-start:104px; inset-inline:20px; pointer-events:none; color:#254c49; }
.orbit-stage-caption strong { display:block; font-size:18px; font-weight:500; }
.orbit-stage-caption span { display:block; font-size:10px; margin-top:5px; }
.eye3d-workspace.is-orbit-study { height:860px; border:1px solid #d7e0da; box-shadow:0 18px 48px #243f3410; }
.is-orbit-study #eye3dViewport { background:radial-gradient(ellipse at 50% 44%,#f6f3e9 0%,#e6ebe5 66%,#d7e2dc 100%); }
.is-orbit-study .view-presets { display:none!important; }
.eye3d-workspace.is-orbit-study ~ .clinical-readout { display:none; }
.orbit-controls,.orbit-information { padding:20px 18px; scrollbar-gutter:stable; }
.orbit-explorer { border-block-start:1px solid #e2e8df; margin-top:16px; padding-top:4px; }
.orbit-explorer label { margin:14px 0 7px; font-size:11px; font-weight:600; }
.orbit-explorer select { min-height:42px; background:#fff; font-size:12px; }
.orbit-explorer input[type=range] { width:100%; accent-color:#23665e; height:18px; }
.orbit-layer-heading { margin:23px 0 10px; font:10px monospace; letter-spacing:.12em; color:#637d73; }
.orbit-layer-controls { display:grid; gap:2px; }
.orbit-layer-row { display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #eef1ea; min-height:34px; }
.orbit-layer-row label,.orbit-explorer .orbit-material-toggle { display:flex; gap:8px; align-items:center; margin:0; font-weight:400; }
.orbit-explorer .orbit-future { display:flex; align-items:center; gap:8px; font-size:10px; font-weight:400; color:#819086; line-height:1.5; }
.orbit-layer-row input,.orbit-material-toggle input { accent-color:#28685c; width:15px; height:15px; }
.orbit-layer-row button { border:0; background:transparent; color:#53776b; width:32px; min-height:32px; cursor:pointer; font-size:20px; }
.orbit-layer-row button:hover { background:#e8efe9; border-radius:6px; }
.orbit-explorer .orbit-material-toggle { margin-top:10px; }
.orbit-cut-note { font-size:10px; color:#758579; line-height:1.6; }
.orbit-view-dock { position:absolute; z-index:8; bottom:20px; left:50%; transform:translateX(-50%); display:flex; gap:3px; max-width:calc(100% - 24px); padding:6px; background:#fffffff2; border:1px solid #d6dfd5; border-radius:12px; box-shadow:0 6px 20px #153a3118; }
.orbit-view-dock[hidden] { display:none; }
.orbit-view-dock button { min-height:36px; padding:8px 10px; border:0; border-radius:7px; background:transparent; color:#42635b; font:inherit; font-size:11px; cursor:pointer; }
.orbit-view-dock button[aria-pressed=true] { background:#214e48; color:white; }
.orbit-view-dock button:focus-visible,.orbit-gaze button:focus-visible { outline:2px solid #318d7d; outline-offset:2px; }
.orbit-lesson { margin:-2px 0 22px; }
.orbit-lesson small { font:10px monospace; letter-spacing:.1em; color:#759184; }
.orbit-lesson h2 { font-size:25px; font-weight:500; letter-spacing:-.03em; margin:12px 0; color:#234e43; }
.orbit-lesson p { font-size:12px; line-height:1.7; color:#5a7167; }
.orbit-lesson ol { list-style:none; margin:18px 0; padding:0; display:grid; gap:0; }
.orbit-lesson li { display:flex; align-items:center; gap:10px; min-height:32px; font-size:11px; color:#375a4f; position:relative; }
.orbit-lesson i { display:grid; place-items:center; font:10px monospace; width:23px; height:23px; border:1px solid #d9c5a5; border-radius:50%; background:#f2eadc; z-index:1; }
.orbit-lesson li:nth-child(2) i { background:#d8c7a8; }.orbit-lesson li:nth-child(3) i { background:#efd2c9; }.orbit-lesson li:nth-child(4) i { background:#edda9e; }.orbit-lesson li:nth-child(5) i { background:#e8e3cc; }
.orbit-lesson .orbit-model-note { font-size:10px; border-top:1px solid #e1e7dd; padding-top:12px; }
.orbit-gaze { padding:16px; background:#f3f6f0; border:1px solid #e0e8db; border-radius:12px; margin-bottom:24px; }
.orbit-gaze h3 { margin:0 0 6px; font-size:14px; color:#345a4c; }.orbit-gaze p { font-size:10px; line-height:1.6; color:#738277; margin:0 0 12px; }
.orbit-gaze-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:5px; }
.orbit-gaze button { border:1px solid #d9e2d4; background:white; border-radius:7px; min-height:34px; color:#335f50; cursor:pointer; }
.orbit-gaze button[aria-pressed=true] { background:#2b6558; color:white; border-color:#2b6558; }
.orbit-gaze-value { display:block; text-align:center; direction:ltr; font:11px monospace; margin:12px 0; color:#5a7567; }
.orbit-gaze-reset { width:100%; font-size:10px; }
.orbit-attachment-details { margin-top:18px; border-top:1px solid #e2e8df; padding-top:14px; }.orbit-attachment-details summary { cursor:pointer; font-size:11px; color:#4b6e60; }.orbit-attachment-details .orbit-steps { margin-top:10px; }
.orbit-pending { font-size:10px; padding:9px; }
.orbit-stage-caption { inset-block-start:108px; }.orbit-stage-caption span { max-width:280px; line-height:1.6; }
@media(min-width:1100px) { .eye3d-workspace.is-orbit-study { grid-template-columns:260px minmax(0,1fr) 290px; } }
@media(max-width:1099px) {
  .study-mode-list { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .eye3d-workspace.is-orbit-study { height:auto; }
  .orbit-information { grid-column:1/-1; }
}
@media(max-width:640px) {
  .study-mode-list { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .eye3d-workspace.is-orbit-study { display:flex; flex-direction:column; }
  .is-orbit-study > .orbit-controls { order:2; }
  .is-orbit-study > #eye3dViewport { order:1; min-height:460px; height:58vh; }
  .is-orbit-study > .orbit-information { order:3; }
  .orbit-controls,.orbit-information { overflow:visible; }
  .orbit-steps { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .orbit-stage-caption strong { font-size:15px; }
  .orbit-view-dock { bottom:12px; flex-wrap:wrap; width:max-content; justify-content:center; }.orbit-view-dock button { padding:7px 8px; min-height:34px; font-size:10px; }
  .eye3d-workspace.is-orbit-study { height:auto; }.orbit-controls,.orbit-information { padding:20px; }.orbit-information { display:grid; grid-template-columns:1fr; }
  .orbit-stage-caption span { max-width:200px; }.orbit-stage-caption { inset-block-start:95px; }
}
/* A quiet hover label confirms exactly which visible bone can be selected. */
.orbit-hover-label { position:fixed; z-index:1000; pointer-events:none; max-width:200px;
  padding:8px 12px; border:1px solid #c9d9d0; border-radius:8px; background:#fffffff5;
  box-shadow:0 4px 16px #163d3220; color:#194c46; font:500 12px/1.4 sans-serif; }
.orbit-hover-label[hidden] { display:none; }

.mobile-workspace-tools { display:none; }
@media(max-width:640px), (max-width:980px) and (max-height:500px) and (pointer:coarse) {
  .eye3d-workspace,.eye3d-workspace.is-orbit-study,.eye3d-workspace.is-cornea-study { display:flex; flex-direction:column; height:auto; min-height:0; }
  .study-navigation { padding:12px; }
  .study-navigation-heading span { display:none; }
  .study-mode-list { display:flex; overflow-x:auto; gap:6px; padding-block:3px 7px; scroll-snap-type:x proximity; }
  .study-mode-list button { flex:0 0 auto; min-height:44px; scroll-snap-align:start; padding-inline:14px; }
  .eye3d-workspace > #eye3dViewport,
  .eye3d-workspace.is-orbit-study > #eye3dViewport { order:0; flex:none; min-height:340px; height:56dvh; max-height:520px; }
  .mobile-workspace-tools { display:grid; order:1; gap:10px; padding:12px; border-block:1px solid #dae3db; background:#fff; }
  .mobile-view-tools { display:flex; justify-content:space-between; align-items:center; gap:12px; }
  .mobile-view-tools > div { display:flex; gap:6px; }
  .mobile-workspace-tools button { min-height:44px; min-width:44px; border:1px solid #d1ded5; border-radius:9px; background:#f6f8f3; color:#224f49; font:inherit; font-size:13px; font-weight:500; cursor:pointer; }
  .mobile-view-tools > button { padding-inline:14px; }
  .mobile-view-tools [data-mobile-zoom] { font-size:24px; }
  .mobile-panel-switch { display:grid; grid-template-columns:1fr 1fr; gap:6px; }
  .mobile-panel-switch [aria-pressed=true] { background:#214e48; color:white; border-color:#214e48; }
  .mobile-workspace-tools button:focus-visible { outline:2px solid #2e8b80; outline-offset:3px; }
  .mobile-workspace-tools button:disabled { opacity:.4; cursor:default; }
  .eye3d-workspace > .lab-panel { order:2; max-height:none; overflow:visible; }
  .eye3d-workspace > .mobile-panel-inactive { display:none!important; }
  .eye3d-workspace select,.eye3d-workspace input[type=search],.eye3d-workspace input[type=text] { font-size:16px; min-height:44px; }
  .eye3d-workspace input[type=range] { min-height:36px; }
  .orbit-gaze button,.orbit-selected-actions button,.orbit-layer-row,.orbit-bone-list button { min-height:44px; }
  .orbit-layer-row button { min-height:44px; min-width:44px; }
  .orbit-view-dock { flex-wrap:nowrap; overflow-x:auto; justify-content:flex-start; max-width:calc(100% - 20px); bottom:10px; }
  .orbit-view-dock button { flex:none; min-height:44px; padding-inline:10px; }
  .orbit-stage-caption { inset-block-start:110px; }
  .orbit-stage-caption span { display:none; }
  .eye3d-workspace .gesture-hint { display:none; }
  .eye3d-workspace .view-presets { bottom:12px; }
  .eye3d-workspace .view-presets button { min-height:44px; }
  .eye3d-workspace .interior-navigation { top:116px; inset-inline-start:12px; }
  .eye3d-workspace .atlas-quality { top:64px; inset-inline-start:12px; }
}
@media(max-width:980px) and (max-height:500px) and (pointer:coarse) {
  .eye3d-workspace > #eye3dViewport,.eye3d-workspace.is-orbit-study > #eye3dViewport { height:76dvh; min-height:260px; }
}
