/* Cinematic anatomy — a calm, immersive stage with honest, visible controls. */
.body-explorer .intro{padding-top:32px;padding-bottom:30px;align-items:center}.body-explorer .intro h1{font-size:clamp(47px,5.3vw,76px);line-height:1.02;letter-spacing:-3px}.body-explorer .intro-copy{max-width:390px}.body-explorer .intro-copy p{line-height:1.8;font-size:14px}.body-explorer .intro .eyebrow{margin-bottom:19px}
.body-explorer .explorer{display:grid;grid-template-columns:minmax(0,1fr) 285px;grid-template-areas:'stage learn' 'regions learn';gap:18px;align-items:stretch}.cinema-panel{grid-area:stage;background:#07161c;border:1px solid #1b343a;border-radius:23px;overflow:hidden;color:#d9f1ed;box-shadow:0 18px 55px #17392d17}.body-explorer .scene-toolbar{position:relative;padding:19px 24px;border-bottom:1px solid #c3f5f018;display:flex;justify-content:space-between;gap:14px}.scene-toolbar a{font-size:10px;color:#9badad}.cinema-kicker{font-size:9px;font-weight:700;letter-spacing:2px;display:flex;align-items:center;gap:9px}.cinema-kicker i{width:5px;height:5px;border-radius:50%;background:#c8e4a5;box-shadow:0 0 13px #c8e4a5}
.body-explorer .cinema-stage{height:480px;position:relative;background:#06131a;overflow:hidden}.cinema-stage video,.cinema-stage canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 42%;display:block}.cinema-stage video{filter:saturate(1.2) contrast(1.1)}.cinema-vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#06131af5,transparent 38%),linear-gradient(90deg,#06131a77,transparent 50%)}.cinema-stage .scene-selection{left:27px;top:auto;bottom:32px;pointer-events:none;z-index:2}.scene-selection>span{font-size:9px;letter-spacing:2px;color:#c0ddc8;display:block;margin-bottom:9px}.cinema-stage .scene-selection strong{font:42px/1.1 var(--serif);color:#f3f5e8;display:block}.scene-selection p{font-size:12px;color:#a8c0bf;margin:10px 0 0}.stage-label{position:absolute;right:24px;bottom:35px;display:flex;align-items:center;gap:10px;color:#83a2a7;max-width:170px;font-size:7px;line-height:1.7;letter-spacing:1.1px}.stage-line{display:block;width:32px;height:1px;background:#9ebfab77}.cinema-stage .orientation-label{position:static}.cinema-controls{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:16px 24px 9px}.cinema-panel .layer-switch{background:#15282e;border-color:#3b535440;padding:4px}.cinema-panel .layer-switch button{color:#a6bdbc;font-size:10px;padding:9px 12px}.cinema-panel .layer-switch button[aria-pressed=true]{background:#d4e9bd;color:#193e36;box-shadow:0 2px 6px #0002}.playback-controls{display:flex;gap:14px;align-items:center}.motion-button,.interactive-button{border:0;background:none;color:#cee0d6;font-size:11px;padding:9px 0}.interactive-button{border-bottom:1px solid #a9c1b65c;color:#d8e8d0}.motion-button::before{content:'▷';margin-right:7px;font-size:12px}.motion-button[aria-pressed=true]::before{content:'Ⅱ'}.film-timeline{display:flex;align-items:center;gap:12px;padding:3px 25px 7px;color:#68838a;font-size:8px;font-variant-numeric:tabular-nums}.film-timeline input{width:100%;height:17px;accent-color:#a8c98d;cursor:pointer}.scene-status{font-size:9px;line-height:1.5;color:#829c9e;margin:0;padding:4px 25px 15px}.scene-status:empty{display:none}.interactive-views{display:flex;align-items:center;gap:13px;padding:8px 25px}.interactive-views button{background:none;border:0;color:#d4e4d9;font-size:10px;padding:7px 0}.interactive-views span{font-size:9px;color:#839c9e;margin-left:auto}.cinema-panel .model-loading{background:#07171de8;color:#dcebd9;z-index:3}.cinema-panel .model-loading strong{font-size:20px}.cinema-panel .model-loading small{color:#9bb2b1}
.body-explorer .region-panel{grid-area:regions;padding:0;display:grid;grid-template-columns:1fr auto;column-gap:18px;align-items:start}.region-panel>.eyebrow,.region-panel>.quiet-note{display:none}.body-explorer .region-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.body-explorer .region-choices button{margin:0;border:1px solid #d7e0d1;background:#f9faf4;padding:18px 12px;min-height:84px;gap:9px;border-radius:14px}.body-explorer .region-choices button[aria-pressed=true]{background:#e6edda;border-color:#aec59a;box-shadow:inset 0 0 0 1px #b7cb9f55}.body-explorer .region-choices button b{font-size:14px;font-weight:600}.body-explorer .region-choices button small{font-size:10px}.body-explorer .choice-number{font-size:9px;color:#92a484}.body-explorer .tour-card{margin:0;border:0;padding:12px 0;max-width:140px}.tour-card .tour-mark,.tour-card h2,.tour-card>p{display:none}.tour-card .text-button{font-size:11px;line-height:1.6;margin:0}.tour-card #tour-note{font-size:11px}.body-explorer .learn-panel{grid-area:learn;padding:25px 23px;background:#fdfef9;border-radius:22px}.body-explorer .learn-panel h2{font-size:34px;margin-top:22px}.body-explorer .learn-panel .eyebrow{font-size:8px}.body-explorer .learning-fact{padding:15px 0}.body-explorer .learn-panel #region-intro{font-size:12px;line-height:1.8}.body-explorer .learning-fact h3{font-size:11px}.body-explorer .learning-fact p{font-size:11px;line-height:1.8}.body-explorer .learn-panel .solid-button{margin-top:18px}.body-explorer .safety-wrap{margin-top:30px}
@media(min-width:1500px){.body-explorer .cinema-stage{height:560px}.body-explorer .explorer{grid-template-columns:minmax(0,1fr) 320px}}
@media(max-width:1100px){.body-explorer .explorer{grid-template-columns:minmax(0,1fr) 260px}.body-explorer .cinema-stage{height:420px}.cinema-controls{padding:13px 17px 8px;flex-wrap:wrap}.body-explorer .region-panel{grid-template-columns:1fr}.body-explorer .tour-card{max-width:none;padding:12px 3px}.body-explorer .region-choices button small,.body-explorer .region-choices button>span:last-child{display:none}.body-explorer .learn-panel{padding:23px 20px}.stage-label{display:none}}
@media(max-width:800px){.body-explorer .explorer{grid-template-columns:1fr;grid-template-areas:'stage' 'regions' 'learn';gap:12px}.body-explorer .cinema-stage{height:480px}.body-explorer .learn-panel{display:block}.body-explorer .region-panel{grid-template-columns:1fr auto}.body-explorer .tour-card{max-width:120px}.body-explorer .learn-panel h2{margin-top:15px}.body-explorer #learning-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.body-explorer .learning-fact{border-top:1px solid var(--line)}.body-explorer .region-choices button{min-height:70px}.body-explorer .learn-panel .solid-button{max-width:260px}}
@media(max-width:520px){.body-explorer .intro{padding-top:27px;padding-bottom:24px;gap:20px}.body-explorer .intro h1{font-size:54px;letter-spacing:-2.3px}.body-explorer .intro-copy p{font-size:13px;line-height:1.8}.body-explorer .cinema-stage{height:390px}.scene-toolbar a{font-size:8px}.cinema-kicker{font-size:8px;letter-spacing:1.2px}.body-explorer .scene-toolbar{padding:16px}.cinema-stage .scene-selection{left:19px;bottom:26px}.cinema-stage .scene-selection strong{font-size:35px}.scene-selection p{font-size:11px}.cinema-controls{padding:12px 16px 5px;gap:7px;justify-content:space-between}.cinema-panel .layer-switch button{font-size:10px;padding:9px 11px}.playback-controls{width:100%;justify-content:space-between;padding:3px 0}.film-timeline{padding:2px 18px 5px}.scene-status{padding:5px 18px 13px;font-size:9px}.body-explorer .region-panel{grid-template-columns:1fr}.body-explorer .region-choices button{min-height:64px;padding:13px 10px}.body-explorer .region-choices button b{font-size:12px}.body-explorer .choice-number{display:none}.body-explorer .tour-card{max-width:none;padding:10px 3px}.body-explorer #learning-facts{display:block}.body-explorer .learning-fact p{font-size:12px}.body-explorer .learn-panel{padding:25px}.interactive-views{padding:8px 18px;gap:15px;flex-wrap:wrap}.interactive-views span{width:100%;margin:0}}
@media(prefers-reduced-motion:reduce){.cinema-panel *{scroll-behavior:auto;transition:none}}

.body-explorer .learn-panel{display:block}.body-explorer .scene-toolbar{padding:12px 18px}.body-explorer .scene-toolbar .region-choices{display:flex;gap:5px}.body-explorer .scene-toolbar .region-choices button{background:transparent;border:1px solid transparent;color:#a9bec0;min-height:34px;margin:0;padding:9px 14px;border-radius:8px;gap:0}.body-explorer .scene-toolbar .region-choices button[aria-pressed="true"]{background:#d5e6bf;color:#1b3f37;border-color:#d5e6bf;box-shadow:none}.body-explorer .scene-toolbar .region-choices button b{font-size:11px}.scene-toolbar .choice-number,.scene-toolbar .region-choices small,.scene-toolbar .region-choices button>span:last-child{display:none}.body-explorer .scene-toolbar>a{align-self:center}.body-explorer .region-panel{display:block}.body-explorer .tour-card{max-width:none;padding:0 5px}.body-explorer .learn-panel #learning-facts{display:block}.body-explorer .cinema-stage{height:450px}.body-explorer .learn-panel .learning-fact{padding:15px 0}.body-explorer .tour-card .text-button{margin-right:15px}@media(max-width:520px){.body-explorer .scene-toolbar{padding:10px 11px;gap:5px}.body-explorer .scene-toolbar .region-choices{gap:2px}.body-explorer .scene-toolbar .region-choices button{padding:9px 11px}.body-explorer .scene-toolbar .region-choices button b{font-size:10px}.body-explorer .scene-toolbar>a{font-size:0}.body-explorer .scene-toolbar>a::after{content:'ⓘ';font-size:17px}.body-explorer .scene-toolbar>a{min-width:24px;min-height:28px;display:grid;place-items:center}.body-explorer .cinema-stage{height:365px}}
.body-explorer .scene-toolbar .region-choices{flex-direction:row;flex-wrap:nowrap}.body-explorer .scene-toolbar .region-choices button{width:auto;flex:0 0 auto;white-space:nowrap}