/* Reference-derived anatomical artwork, decorative and unlabeled. */
.spine-browser{--spine-progress:0%;--spine-shift:0px;margin:28px 0 6px;padding-top:24px;border-top:1px solid #292929}.spine-browser-head{display:flex;justify-content:space-between;gap:20px;align-items:center;font:11px/1.5 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:#b7b7b7}.spine-browser-head label{color:#ededed}.spine-browser output{font-variant-numeric:tabular-nums;color:#ff792d}
.spine-scrubber{position:relative;margin:12px 0 18px;padding-bottom:24px;isolation:isolate}.spine-art{position:relative;width:100%;pointer-events:none}.spine-art svg{display:block;width:100%;height:clamp(86px,12vw,155px);overflow:visible}.spine-segment{stroke:var(--bone-color,#8f8d89);fill:var(--bone-fill,transparent);transition:stroke .18s ease,fill .18s ease}.spine-disc{stroke:#8a431d;fill:none}
.spine-scrubber input{position:absolute;inset:0;width:100%;height:100%;margin:0;cursor:ew-resize;appearance:none;-webkit-appearance:none;background:transparent;border:0;z-index:2;touch-action:pan-y}.spine-scrubber input::-webkit-slider-runnable-track{height:100%;background:transparent}.spine-scrubber input::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:100%;background:transparent;border:0}.spine-scrubber input::-moz-range-track{background:transparent;height:100%}.spine-scrubber input::-moz-range-thumb{width:24px;height:100%;background:transparent;border:0}.spine-scrubber input:focus-visible{outline:2px solid #ff9a53;outline-offset:5px;border-radius:4px}
.spine-track{position:absolute;left:12px;right:12px;bottom:9px;height:3px;background:#3b241b;border-radius:3px}.spine-track:before{content:'';position:absolute;left:0;top:0;height:3px;width:var(--spine-progress);background:linear-gradient(90deg,#ffd29c,#ff8c31,#a53d09)}.spine-track i{position:absolute;left:var(--spine-progress);top:50%;transform:translate(-50%,-50%);width:20px;height:20px;border-radius:50%;background:#e65c00;border:2px solid #ffd29c;box-shadow:0 0 14px #e65c0040}.spine-browser-help{font-size:12px!important;color:#aaa!important;margin:0!important}
@media(max-width:600px){.spine-browser-head{font-size:10px;letter-spacing:.06em}.spine-browser{margin-top:20px}.spine-browser-help{font-size:11px!important}.spine-scrubber{margin-top:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.spine-segment{transition:none}}
