/* Osteology follows the current Human Lab colors, typography and controls. */
.bone-model-status{position:sticky;top:0;z-index:2;padding:9px 10px;margin-bottom:12px;background:var(--panel);border:1px solid var(--amber);border-radius:6px;font-size:11px;line-height:1.4;box-shadow:0 -18px 0 var(--panel)}
.bone-model-status strong{color:var(--amber)}.bone-model-status p{margin:5px 0 0}
body[data-platform-section="human"] .atlas-mode-switch{width:calc(100vw - 48px);grid-template-columns:repeat(7,max-content);overflow-x:auto;scrollbar-width:thin;max-width:840px}
.bone-root{position:fixed;inset:0;z-index:14;pointer-events:none;color:var(--text);font:13px/1.5 Arial,sans-serif}
.bone-root[hidden],.bone-root [hidden],#boneStudyReturn[hidden]{display:none!important}
body:not([data-platform-section="human"]) .bone-root,body:not([data-platform-section="human"]) #boneStudyReturn{display:none!important}
body.bone-active .atlas-root>.atlas-controls,body.bone-active .atlas-info,body.bone-active .atlas-movement-return{display:none!important}
.bone-panel{position:absolute;top:186px;bottom:24px;padding:16px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:auto;scrollbar-width:thin;pointer-events:auto}
#boneLeft{left:24px;width:260px}#boneRight{right:24px;width:340px}
.bone-panel h2{font-size:23px;line-height:1.2;margin:4px 0 12px}.bone-panel h3{font-size:14px;color:var(--teal);margin:16px 0 7px}.bone-panel h4{font-size:13px;margin:8px 0 4px}.bone-panel p{margin:7px 0;overflow-wrap:anywhere}.bone-panel article+article{border-top:1px solid var(--line);padding-top:9px;margin-top:9px}.bone-panel .eyebrow{color:var(--teal);font-size:10px;font-weight:700;text-transform:uppercase}
.bone-mobile-tools{display:none}.bone-note{color:var(--muted);font-size:11px;line-height:1.5}.bone-panel label{display:block;font-size:11px;font-weight:700;color:var(--muted);margin-top:10px}.bone-panel input,.bone-panel select{width:100%;height:36px;background:#111a1e;border:1px solid var(--line);border-radius:6px;padding:6px 8px;color:var(--text);font:inherit;margin:5px 0 9px}.bone-panel .control-button{min-height:32px;font:inherit;text-align:left;white-space:normal;padding:6px 9px;max-width:100%;margin:3px 0}.bone-panel button:disabled{opacity:.48;cursor:not-allowed}.bone-panel button[aria-pressed=true]{border-color:var(--teal);background:rgba(99,208,200,.14)}.bone-panel button:focus-visible,.bone-marker:focus-visible{outline:2px solid var(--teal);outline-offset:2px}
.bone-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px}.bone-panel details{border-top:1px solid var(--line);padding:9px 0;margin-top:9px}.bone-panel summary{cursor:pointer;color:var(--teal);font-weight:700}.bone-panel a{display:block;color:var(--teal);margin:7px 0;overflow-wrap:anywhere}.bone-related{border-top:1px solid var(--line);margin-top:16px}.bone-related button{display:inline-block;margin:3px 4px 3px 0!important}.bone-answer{border-left:3px solid var(--teal);padding:8px}.bone-relationship{border-left:1px solid var(--line);padding-left:9px;margin:8px 0}
.bone-breadcrumb{position:absolute;top:148px;left:24px;right:24px;display:flex;gap:8px;align-items:center;pointer-events:auto;font-size:11px;white-space:nowrap;overflow-x:auto}.bone-breadcrumb .control-button{font-size:11px;padding:4px 9px;min-height:30px}.bone-breadcrumb span{color:var(--muted)}
#boneStudyReturn{position:fixed;left:24px;top:146px;z-index:45;max-width:270px;font-size:11px;padding:7px 10px}
.bone-markers{position:fixed;inset:0;pointer-events:none;z-index:5}.bone-marker{position:absolute;pointer-events:auto;transform:translate(-50%,-50%);color:var(--text);background:#102326ee;border:1px solid var(--teal);border-radius:5px;max-width:140px;font:11px/1.3 Arial,sans-serif;padding:5px 7px}.bone-marker[data-kind=attachment]{border-color:var(--rose)}.bone-marker[data-kind=articular]{border-color:var(--amber)}
@media(max-width:1050px) and (min-width:701px){#boneLeft{width:220px;left:15px}#boneRight{width:285px;right:15px}.bone-panel{padding:12px}.bone-breadcrumb{left:15px;right:15px}}
@media(max-width:700px){body[data-platform-section="human"] .atlas-mode-switch{left:12px;top:85px;width:calc(100vw - 24px);max-width:none;display:flex}.bone-breadcrumb{top:124px;left:12px;right:12px;gap:5px}.bone-breadcrumb span{font-size:10px}.bone-panel{padding:12px}.bone-root{font-size:12px}#boneLeft{top:164px;left:10px;right:10px;bottom:auto;width:auto;max-height:124px;padding:8px}#boneLeft>.eyebrow,#boneLeft>.bone-note,#boneLeft>.bone-grid,#boneLeft>details,#boneLeft>button{display:none}#boneLeft>label{display:none}#boneLeft{display:grid;grid-template-columns:1fr 1fr;gap:3px 7px}#boneLeft #boneRegion,#boneLeft #boneSearch{margin:0;height:31px}#boneLeft #boneOptions{grid-column:1/-1}#boneOptions label{display:none}#boneStudySelect{margin:0;height:31px}#boneSection{grid-column:1/-1;margin:0!important;height:31px!important}#boneRight{left:10px;right:10px;bottom:10px;top:auto;width:auto;height:29vh;min-height:170px;max-height:270px}#boneRight h2{font-size:19px}.bone-panel .control-button{font-size:11px}.bone-related{margin-top:10px}#boneStudyReturn{top:122px;left:12px;font-size:10px}body.bone-active .platform-home-link{bottom:calc(29vh + 26px)!important;left:12px!important;right:auto!important;top:auto!important}.bone-marker{max-width:110px;font-size:10px}}
@media(max-width:700px) and (max-height:680px){#boneLeft{max-height:117px}#boneLeft #boneSearch{display:block}#boneLeft{grid-template-columns:1fr 1fr}#boneLeft #boneOptions{grid-column:1/-1}#boneLeft #boneSection{grid-column:1/-1}#boneRight{height:26vh;min-height:145px}body.bone-active .platform-home-link{bottom:calc(26vh + 24px)!important}}
@media(max-width:700px){.bone-mobile-tools{display:block}}
.bone-panel{z-index:10}.bone-breadcrumb{z-index:11}
.bone-panel button[aria-pressed=true]{color:var(--text)}@media(min-width:701px){#boneRight{bottom:70px}}
.bone-region-toolbar{position:absolute;top:185px;left:24px;right:24px;z-index:12;display:flex;gap:6px;overflow-x:auto;pointer-events:auto;padding-bottom:5px;scrollbar-width:thin}
.bone-region-toolbar .control-button{flex:0 0 auto;min-height:34px;font-size:12px;padding:6px 13px}
.bone-region-toolbar button[aria-pressed=true]{color:var(--text);background:#173a3c;border-color:var(--teal)}
.bone-region-toolbar button:disabled{opacity:.45}.bone-panel{top:234px}
.bone-marker-legend{border:1px solid var(--line);border-radius:6px;margin:9px 0;padding:8px;display:grid;grid-template-columns:1fr 1fr;gap:6px}
.bone-marker-legend legend{font-size:11px;color:var(--teal);padding:0 4px}.bone-marker-legend label{display:flex;align-items:center;gap:5px;font-size:10px;margin:0;line-height:1.3;color:var(--text)}
.bone-marker-legend input{appearance:auto;flex:0 0 14px;width:14px;height:14px;margin:0;accent-color:var(--teal)}.bone-category-symbol{font-size:13px;min-width:14px;text-align:center}
.bone-region-list{display:grid;gap:5px}.bone-region-list .control-button{width:100%;display:flex;flex-direction:column;gap:3px}.bone-region-list small{font-weight:400;font-size:10px;color:var(--muted)}
.bone-marker[aria-pressed=true]{box-shadow:0 0 0 2px currentColor;background:#142e33}.bone-marker:focus-visible{outline:2px solid white;outline-offset:4px}
.bone-marker span+span{margin-left:3px}
@media(max-width:1050px) and (min-width:701px){.bone-region-toolbar{left:15px;right:15px}}
@media(max-width:700px){.bone-region-toolbar{top:158px;left:10px;right:10px;gap:5px}.bone-region-toolbar .control-button{font-size:11px;min-height:31px;padding:5px 10px}#boneLeft{top:202px}.bone-marker-legend{grid-template-columns:1fr 1fr}.bone-marker-legend label{font-size:10px}}
@media(max-width:700px){.bone-breadcrumb,.bone-region-toolbar,body[data-platform-section="human"] .atlas-mode-switch{scrollbar-width:none}.bone-breadcrumb::-webkit-scrollbar,.bone-region-toolbar::-webkit-scrollbar,body[data-platform-section="human"] .atlas-mode-switch::-webkit-scrollbar{display:none}}
.bone-search-result{width:100%;display:flex;flex-direction:column;gap:5px}.bone-search-result small{font-size:10px;color:var(--muted);line-height:1.4}
.bone-statuses{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0}.bone-status{border:1px solid var(--line);border-radius:5px;padding:3px 7px;font-size:10px;font-weight:700;color:var(--muted)}.bone-status[data-status=VERIFIED],.bone-status[data-status="3D_MAPPED"]{color:var(--teal)}.bone-status[data-status=NEEDS_REVIEW],.bone-status[data-status=MISSING_MODEL_DETAIL]{color:var(--amber)}
.bone-table-scroll{overflow:auto;max-width:100%}.bone-coverage{border-collapse:collapse;min-width:680px;font-size:11px;width:100%}.bone-coverage th,.bone-coverage td{padding:7px;text-align:left;border-bottom:1px solid var(--line)}.bone-coverage th{color:var(--teal);white-space:nowrap}.bone-coverage td:first-child{min-width:170px}.bone-coverage .control-button{font-size:11px}
@media(min-width:701px){.bone-root[data-region-panel=true] #boneRight{left:304px;right:24px;top:auto;bottom:22px;width:auto;height:230px}.bone-root[data-region-panel=true] #boneRight>h2{font-size:22px}.bone-root[data-region-panel=true] #boneRight>.bone-grid{max-width:460px}}
@media(min-width:701px) and (max-width:1050px){.bone-root[data-region-panel=true] #boneRight{left:251px;right:15px;height:215px}}