/* Scoped extension of the existing Dr. Cleiton palette and type system. */
.spine-explorer{--sp-ink:#071526;--sp-surface:#0D2040;--sp-accent:#00C8A8;--sp-text:#F5F8FF;--sp-muted:rgba(245,248,255,.68);--sp-line:rgba(245,248,255,.12);--sp-selected:#ffd88b;background:linear-gradient(160deg,#0b1c31 0%,#071526 65%);border-top:1px solid var(--sp-line);border-bottom:1px solid var(--sp-line);scroll-margin-top:100px;isolation:isolate;font-family:'Sora',sans-serif;color:var(--sp-text)}
.spine-explorer__wrap{max-width:1280px;margin:auto;padding:5rem 3.5rem 3.5rem}
.spine-explorer__intro{max-width:710px;margin-bottom:2.5rem}
.spine-explorer__intro .title{max-width:none;margin-bottom:1rem}
.spine-explorer__intro em{color:var(--sp-accent)}
.spine-explorer__intro>p{font-size:.97rem;line-height:1.8;color:var(--sp-muted);max-width:640px}
.spine-explorer__grid{display:grid;grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr);gap:2.5rem;align-items:start}
.spine-explorer__sidebar{min-width:0}
.spine-explorer__regions{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin-bottom:1.4rem}
.spine-explorer button,.spine-explorer select{font-family:inherit}
.spine-explorer button{cursor:pointer;transition:border-color .2s,background .2s,color .2s;line-height:1.5}
.spine-explorer button:disabled{opacity:.48;cursor:wait}
.spine-explorer button:focus-visible,.spine-explorer select:focus-visible,.spine-explorer summary:focus-visible{outline:2px solid var(--sp-selected);outline-offset:4px}
.spine-explorer__regions button{position:relative;display:grid;grid-template-columns:20px 1fr;column-gap:.4rem;text-align:left;background:rgba(13,32,64,.6);border:1px solid var(--sp-line);color:var(--sp-text);padding:.9rem .85rem;border-radius:11px;font-size:.75rem;min-height:75px}
.spine-explorer__regions button>b{font-family:'DM Serif Display',serif;font-size:1.1rem;line-height:1.1;grid-column:1;grid-row:1}
.spine-explorer__regions button>i{position:absolute;left:0;top:15%;bottom:15%;width:3px;background:var(--region);border-radius:0 2px 2px 0}
.spine-explorer__regions button>span{grid-column:2;font-size:.65rem;color:var(--sp-muted);margin-top:.15rem}
.spine-explorer__regions button[aria-pressed=true]{background:rgba(255,216,139,.09);border-color:var(--sp-selected)}
.spine-explorer__selection{border-left:2px solid var(--sp-accent);padding:.2rem 0 .2rem 1.1rem;margin:0 0 1.4rem;min-height:171px}
.spine-explorer__selection>span{display:block;color:var(--sp-selected);font-size:.68rem;letter-spacing:.045em;margin-bottom:.45rem}
.spine-explorer__selection h3{font-family:'DM Serif Display',serif;font-size:1.5rem;line-height:1.2;margin-bottom:.7rem}
.spine-explorer__selection p{font-size:.79rem;line-height:1.75;color:var(--sp-muted)}
.spine-explorer__level-label{font-size:.69rem;color:var(--sp-muted);display:block;margin-bottom:.45rem}
.spine-explorer select{width:100%;max-width:100%;appearance:auto;background:#10283f;border:1px solid var(--sp-line);border-radius:10px;color:var(--sp-text);padding:.8rem .75rem;font-size:.77rem;min-height:44px}
.spine-explorer select option,.spine-explorer select optgroup{background:#0D2040;color:#F5F8FF}
.spine-explorer__disc-card{margin-top:1.3rem;border:1px solid var(--sp-line);border-radius:18px;background:rgba(13,32,64,.62);padding:1.15rem;overflow:hidden}
.spine-explorer__disc-head{display:flex;justify-content:space-between;align-items:center;gap:.4rem;flex-wrap:wrap}
.spine-explorer__disc-head .tag{font-size:.62rem;margin:0;letter-spacing:.12em}
.spine-explorer__detail-badge{font-size:.6rem;color:var(--sp-muted)}
.spine-explorer__detail-stage{position:relative;height:280px;max-width:100%;margin:.5rem -1.15rem .45rem;background:radial-gradient(ellipse at center,rgba(0,200,168,.05),transparent 70%);display:flex;align-items:center;justify-content:center;overflow:hidden}
.spine-explorer__detail-stage>span{font-size:.72rem;color:var(--sp-muted);padding:1rem;text-align:center}
.spine-explorer__detail-stage canvas{display:block;position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.spine-explorer__detail-orientation{position:absolute;inset:0;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:.6rem 0 .45rem;z-index:2;font-size:.58rem;color:rgba(245,248,255,.45);letter-spacing:.03em}
.spine-explorer__detail-orientation>span{background:rgba(7,21,38,.65);padding:.1rem .4rem;border-radius:5px}
.spine-explorer__disc-tabs{display:grid;grid-template-columns:1fr 1fr;gap:.45rem;margin-bottom:.85rem}
.spine-explorer__disc-tabs button{background:rgba(7,21,38,.8);color:var(--sp-muted);border:1px solid var(--sp-line);border-radius:8px;padding:.55rem .3rem;font-size:.67rem;min-height:40px}
.spine-explorer__disc-tabs button[aria-pressed=true]{background:var(--sp-selected);border-color:var(--sp-selected);color:var(--sp-ink);font-weight:600}
.spine-explorer__disc-card h4{font-family:'Sora',sans-serif;font-size:.83rem;font-weight:600;margin-bottom:.45rem}
.spine-explorer__disc-card p{font-size:.75rem;line-height:1.7;color:var(--sp-muted);min-height:68px}
.spine-explorer__disc-card p.spine-explorer__disc-note{font-size:.62rem;line-height:1.65;color:rgba(245,248,255,.5);border-top:1px solid var(--sp-line);padding-top:.8rem;margin-top:.8rem;min-height:0}
.spine-explorer__disc-card p.spine-explorer__detail-context{min-height:0;font-size:.61rem;color:rgba(245,248,255,.55);text-align:center;margin:0 0 .85rem;line-height:1.5}
.spine-explorer__viewer{min-width:0;border:1px solid var(--sp-line);border-radius:20px;background:linear-gradient(160deg,rgba(13,32,64,.54),rgba(7,21,38,.32));padding:1.15rem 1.15rem 1.4rem;overflow:hidden}
.spine-explorer__viewer-head{display:flex;justify-content:space-between;gap:.5rem;align-items:center;font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:var(--sp-muted);border-bottom:1px solid var(--sp-line);padding-bottom:.9rem}
.spine-explorer__viewer-head>span:first-child{color:var(--sp-accent)}
.spine-explorer__stage{height:690px;position:relative;overflow:hidden;isolation:isolate;contain:layout paint}
.spine-explorer__scene-glow{position:absolute;inset:0;background:radial-gradient(ellipse 55% 75% at 52% 45%,rgba(59,122,155,.15),transparent 75%);pointer-events:none;z-index:-1}
.spine-explorer__canvas{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:1;outline:none}
.spine-explorer__leaders,.spine-explorer__pins,.spine-explorer__level-labels{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3}
.spine-explorer__leaders{overflow:visible}
.spine-explorer__leaders path{stroke:rgba(245,248,255,.4);stroke-width:1;fill:none}
.spine-explorer__leaders path.is-selected{stroke:var(--sp-selected);stroke-width:1.5}
.spine-explorer__pin,.spine-explorer__bone-label{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;border-radius:20px;background:rgba(7,21,38,.93);border:1px solid rgba(245,248,255,.25);color:var(--sp-text);box-shadow:0 5px 20px rgba(0,0,0,.16);white-space:nowrap;font-size:.75rem;min-height:30px;padding:.28rem .65rem}
.spine-explorer__pin[aria-pressed=true],.spine-explorer__bone-label[aria-pressed=true]{background:var(--sp-selected);border-color:var(--sp-selected);color:var(--sp-ink)}
.spine-explorer__bone-label{min-height:22px;font-size:.69rem;padding:.12rem .45rem;border-radius:6px}
.spine-explorer__bone-label--neural{border-color:rgba(0,200,168,.6);color:#b8ebe2}
.spine-explorer__active-label{position:absolute;z-index:4;pointer-events:none;color:var(--sp-ink);font-size:.67rem;background:var(--sp-selected);padding:.3rem .65rem;border-radius:8px;transform:translate(-50%,-100%);max-width:95%;white-space:nowrap}
.spine-explorer__orientation{position:absolute;bottom:.7rem;left:0;right:0;text-align:center;color:rgba(245,248,255,.48);font-size:.6rem;z-index:2;pointer-events:none}
.spine-explorer__legend{display:flex;gap:.6rem .9rem;justify-content:center;flex-wrap:wrap;padding:.9rem .2rem .85rem;border-top:1px solid var(--sp-line)}
.spine-explorer__legend>span{display:flex;align-items:center;gap:.3rem;font-size:.59rem;color:var(--sp-muted)}
.spine-explorer__legend i{width:7px;height:7px;display:block;background:var(--region);border-radius:50%}
.spine-explorer__controls{display:flex;gap:.4rem;flex-wrap:wrap;justify-content:center}
.spine-explorer__controls button{font-size:.66rem;color:var(--sp-text);border:1px solid rgba(245,248,255,.17);background:rgba(7,21,38,.5);min-height:42px;border-radius:9px;padding:.6rem .75rem}
.spine-explorer__controls button[data-spine-turn],.spine-explorer__controls button[data-spine-zoom]{min-width:40px;font-size:1.15rem;padding:.25rem .6rem}
.spine-explorer__controls button[aria-pressed=true]{background:var(--sp-selected);color:var(--sp-ink);border-color:var(--sp-selected)}
.spine-explorer__controls button:hover:not(:disabled),.spine-explorer__regions button:hover{border-color:var(--sp-accent)}
.spine-explorer__status{font-size:.65rem;color:var(--sp-muted);text-align:center;min-height:36px;margin-top:.8rem;line-height:1.6}
.spine-explorer__explosion-note{font-size:.65rem;line-height:1.7;border-left:2px solid var(--sp-selected);background:rgba(255,216,139,.05);padding:.75rem .9rem;color:var(--sp-muted);margin:.3rem 0 .9rem}
.spine-explorer__anatomical-key{border-top:1px solid var(--sp-line);border-bottom:1px solid var(--sp-line);margin-top:.5rem}
.spine-explorer__anatomical-key summary{font-size:.73rem;font-weight:500;cursor:pointer;padding:1rem 0;list-style-position:inside}
.spine-explorer__anatomical-key summary>span{float:right;font-size:.59rem;font-weight:400;color:var(--sp-muted);padding-top:.1rem}
.spine-explorer__key-scroll{max-height:260px;overflow:auto;overscroll-behavior:contain;padding:0 0 1rem;display:grid;grid-template-columns:1fr 1fr;gap:.4rem;scrollbar-color:#366078 #0D2040;scrollbar-width:thin}
.spine-explorer__key-scroll h4{grid-column:1/-1;font-family:'Sora',sans-serif;font-size:.67rem;color:var(--sp-accent);margin-top:.6rem}
.spine-explorer__key-scroll button{font-size:.61rem;text-align:left;background:rgba(7,21,38,.5);border:1px solid var(--sp-line);border-radius:6px;color:var(--sp-muted);padding:.5rem .65rem;min-height:35px}
.spine-explorer__key-scroll button[aria-pressed=true]{border-color:var(--sp-selected);color:var(--sp-selected)}
.spine-explorer__educational{font-size:.62rem;color:rgba(245,248,255,.52);line-height:1.8;margin-top:1rem}
.spine-explorer__coverage{font-size:.62rem;color:rgba(245,248,255,.62);line-height:1.8;margin-top:.75rem;padding-left:.8rem;border-left:2px solid rgba(0,200,168,.45)}
.spine-explorer__bottom{margin-top:2.5rem;padding-top:1.8rem;border-top:1px solid var(--sp-line);display:flex;justify-content:space-between;align-items:center;gap:1.5rem;flex-wrap:wrap}
.spine-explorer__bottom>p{font-family:'DM Serif Display',serif;font-size:1.2rem;line-height:1.5}
.spine-explorer__bottom>p>span{display:block;color:var(--sp-muted)}
.spine-explorer__bottom .btn-ghost{font-size:.75rem;padding:.8rem 1.15rem}
.spine-explorer__fallback{position:absolute;inset:40px 20px;display:flex;flex-direction:column;justify-content:center;gap:1rem;color:var(--sp-muted);font-size:.77rem;line-height:1.7;z-index:5}
.spine-explorer__fallback strong{font-family:'DM Serif Display',serif;color:var(--sp-text);font-size:1.5rem;font-weight:400}
.spine-explorer__fallback dl>div{padding:.8rem 0;border-bottom:1px solid var(--sp-line)}
.spine-explorer__fallback dt{color:var(--sp-accent);font-weight:600;font-size:.82rem}
.spine-explorer__fallback dd{font-size:.72rem}
.spine-explorer__fallback>span{font-size:.66rem;color:var(--sp-muted)}
.spine-explorer [hidden]{display:none!important}
.spine-explorer__noscript{margin-top:1rem;font-size:.8rem;color:var(--sp-muted)}
.spine-explorer__review-note{margin-top:1.5rem;font-size:.62rem;color:rgba(245,248,255,.45)}
@media(max-width:1050px){.spine-explorer__wrap{padding:4rem 2rem 3rem}.spine-explorer__grid{gap:1.5rem;grid-template-columns:minmax(260px,.85fr) minmax(0,1.15fr)}.spine-explorer__stage{height:650px}.spine-explorer__viewer{padding:1rem}.spine-explorer__regions button{font-size:.69rem;padding:.8rem .7rem}}
@media(max-width:760px){.spine-explorer__wrap{padding:3.5rem 1.5rem 2.5rem}.spine-explorer__intro{margin-bottom:1.8rem}.spine-explorer__grid{display:flex;flex-direction:column;gap:1.2rem}.spine-explorer__sidebar,.spine-explorer__viewer{width:100%}.spine-explorer__sidebar{display:contents}.spine-explorer__regions{order:1;margin:0;grid-template-columns:repeat(4,1fr);gap:.4rem}.spine-explorer__regions button{display:flex;flex-direction:column;gap:.18rem;align-items:flex-start;min-height:82px;font-size:.62rem;padding:.6rem .55rem}.spine-explorer__regions button>b{font-size:1.3rem}.spine-explorer__regions button>span{font-size:.54rem;line-height:1.4}.spine-explorer__selection{order:3;margin:0;min-height:0;padding-bottom:.25rem}.spine-explorer__level-label{order:4;margin:0 0 -.85rem}.spine-explorer select{order:5}.spine-explorer__disc-card{order:6;margin:0}.spine-explorer__viewer{order:2;padding:.85rem;border-radius:16px}.spine-explorer__stage{height:600px}.spine-explorer__intro>p{font-size:.84rem}.spine-explorer__disc-tabs{grid-template-columns:repeat(4,1fr)}.spine-explorer__disc-tabs button{font-size:.61rem}.spine-explorer__detail-stage{height:265px}.spine-explorer__disc-card p{min-height:0}.spine-explorer__selection h3{font-size:1.35rem}.spine-explorer__controls button{font-size:.63rem;padding:.55rem .6rem}.spine-explorer__bottom{margin-top:1.8rem}.spine-explorer__bottom>p{font-size:1.1rem}.spine-explorer__legend>span{font-size:.55rem}.spine-explorer__viewer-head{font-size:.59rem}.spine-explorer__pin{font-size:.72rem;padding:.24rem .5rem}.spine-explorer__bone-label{font-size:.65rem}.spine-explorer__active-label{font-size:.62rem}.spine-explorer__educational{font-size:.59rem}}
@media(max-width:380px){.spine-explorer__wrap{padding-left:1rem;padding-right:1rem}.spine-explorer__regions{gap:.3rem}.spine-explorer__regions button{font-size:.58rem;padding:.55rem .4rem}.spine-explorer__stage{height:570px}.spine-explorer__disc-tabs{grid-template-columns:1fr 1fr}.spine-explorer__key-scroll{grid-template-columns:1fr}.spine-explorer__anatomical-key summary>span{float:none;display:block;margin-left:1.1rem}}
@media(prefers-reduced-motion:reduce){.spine-explorer button{transition:none}.spine-explorer{scroll-behavior:auto}}

/* Axial illustration uses one image plate; only CSS framing changes by state. */
.spine-explorer__detail-views{border:0;padding:0;margin:1rem 0 .2rem;display:grid;grid-template-columns:1fr 1fr;gap:.45rem;min-width:0}
.spine-explorer__detail-views legend,.spine-explorer__detail-views input{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.spine-explorer__detail-views label{font-size:.66rem;color:var(--sp-muted);padding:.55rem .4rem;text-align:center;border:1px solid var(--sp-line);border-radius:8px;cursor:pointer;line-height:1.5}
.spine-explorer__detail-views input:checked+label{background:rgba(0,200,168,.12);color:var(--sp-accent);border-color:rgba(0,200,168,.5)}
.spine-explorer__detail-views input:focus-visible+label{outline:2px solid var(--sp-selected);outline-offset:3px}
.spine-explorer__disc-art{position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);width:min(100%,280px);aspect-ratio:1;overflow:hidden;pointer-events:none;border-radius:8px;background:#0d1830}
.spine-explorer__disc-plate{position:absolute;left:0;top:0;width:200%;height:200%;max-width:none;display:block;object-fit:fill;transform:translate(0,0)}
.spine-explorer[data-spine-disc-mode=bulge] .spine-explorer__disc-plate{transform:translate(-50%,0)}
.spine-explorer[data-spine-disc-mode=protrusion] .spine-explorer__disc-plate{transform:translate(0,-50%)}
.spine-explorer[data-spine-disc-mode=extrusion] .spine-explorer__disc-plate{transform:translate(-50%,-50%)}
.spine-explorer__detail-stage canvas{opacity:0}
.spine-explorer__context-model{display:none}
.spine-explorer:has(#spine-disc-model:checked) .spine-explorer__detail-stage canvas{opacity:1}
.spine-explorer:has(#spine-disc-model:checked) .spine-explorer__disc-art{visibility:hidden}
.spine-explorer:has(#spine-disc-model:checked) .spine-explorer__context-model{display:inline}
.spine-explorer:has(#spine-disc-model:checked) .spine-explorer__context-illustration{display:none}
.spine-explorer__disc-materials{display:flex;gap:.45rem .8rem;flex-wrap:wrap;justify-content:center;padding:.3rem 0 .9rem}
.spine-explorer__disc-materials span{display:flex;align-items:center;gap:.3rem;font-size:.54rem;color:var(--sp-muted)}
.spine-explorer__disc-materials i{display:block;width:6px;height:6px;background:#ece0c9;border-radius:50%}
.spine-explorer__disc-materials span:nth-child(2) i{background:#76b5be}
.spine-explorer__disc-materials span:nth-child(3) i{background:var(--sp-selected)}
.spine-explorer:has(#spine-disc-model:checked) .spine-explorer__disc-materials{display:none}
@media(max-width:760px){.spine-explorer__disc-art{width:min(100%,265px)}}