/* Original source-image and detail-reading styles.
   Scroll-driven volume and parallax styles live in scroll-experience.css. */
#explore{padding-top:68px}
#explore .section-heading{margin-bottom:26px}
.explorer{display:flex;flex-direction:column;gap:0;border:1px solid #d7cabc}
.explore-drawing{border:0;background:#f8f5ef}
.drawing-topline{padding:16px 24px;background:#f1ece4}
.drawing-topline>span{font-size:.875rem;line-height:1.7}
.drawing-controls .small-control{font-size:.875rem}
.drawing-modebar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px 0;flex-wrap:wrap}
.drawing-modes{display:flex;border:1px solid #cbb6a5}
.drawing-modes button{padding:7px 18px;font-size:.875rem;line-height:1.7}
.drawing-modes button[aria-pressed=true]{background:var(--red);color:var(--paper)}
#drawingGesture{font-size:.75rem;color:var(--muted);line-height:1.8;margin-left:auto}
.explore-canvas{flex:none;aspect-ratio:1.67;min-height:0;max-height:760px;perspective:1400px;touch-action:pan-y;outline-offset:-5px!important;background:#f8f5ef;cursor:zoom-in}
.explore-canvas.is-manipulating{touch-action:none;cursor:grab}
.explore-canvas.is-dragging{cursor:grabbing}
.hand-world{position:absolute;left:50%;top:50%;width:94%;aspect-ratio:1.3735;transform:translate(-50%,-50%);transform-style:preserve-3d;transform-origin:center;will-change:transform}
#overviewImage{position:absolute;left:50%;top:50%;width:72.8063%;max-width:none;height:auto;transform:translate(-50%,-50%) rotate(-90deg);mix-blend-mode:multiply;pointer-events:none;user-select:none}
.hand-fragments,.hand-world .hotspots{position:absolute;inset:0;transform-style:preserve-3d;pointer-events:none}
.hand-plane,.hand-hotspot-plane{position:absolute;inset:0;transform-style:preserve-3d;pointer-events:none}
.hand-plane canvas{width:100%;height:100%;display:block;mix-blend-mode:multiply;pointer-events:none}
.hand-plane{transition:opacity .25s ease}
.hand-world .hotspot{pointer-events:auto;width:36px;height:36px;font-size:.875rem}
.hand-world .hotspot-label{font-size:.75rem}
.hand-world .hotspot:hover{transform:scale(1.08)}
.drawing-view-controls{position:static;display:flex;align-items:center;border:1px solid #d1bcaa;background:#f8f5eff5;flex-shrink:0}
.drawing-view-controls button{padding:8px 13px;min-width:40px;min-height:42px;font-size:.875rem}
.drawing-view-controls button:disabled{opacity:.35;cursor:default}
.drawing-view-controls button:hover:not(:disabled){background:#eee5d9}
.drawing-view-controls output{font-size:.75rem;color:var(--muted);min-width:45px;text-align:center}
#drawingZoomIn,#drawingZoomOut{font-size:1.15rem}
#drawingReset{border-left:1px solid #ddcbbc}
.drawing-unfold-controls{padding:19px 24px 16px;background:#f1ece4;border-top:1px solid #e2d8cd}
.unfold-heading{display:flex;align-items:center;gap:14px;font-size:.875rem;color:var(--red)}
#drawingProgressLabel{font-size:.75rem;color:var(--muted);min-width:34px}
.drawing-layer-picks{margin-left:auto;display:flex;align-items:center;gap:19px}
.drawing-layer-picks button{font-size:.875rem;color:var(--muted);border-bottom:1px solid transparent;padding:3px 0}
.drawing-layer-picks button[aria-pressed=true]{color:var(--red);border-color:var(--red)}
#drawingProgress{display:block;width:100%;height:26px;margin:8px 0 0;accent-color:var(--red);cursor:pointer}
.unfold-ends{display:flex;justify-content:space-between;font-size:.75rem;color:var(--muted)}
.drawing-bottomline{border-top:1px solid #e2d8cd;padding:12px 24px;font-size:.75rem;line-height:1.8;flex-wrap:wrap}
.drawing-detail-picks{display:flex;align-items:center;gap:25px;border-block:1px solid #d7cabc;background:#f4eee5;padding:15px 24px}
.drawing-detail-picks>span:first-child{font-size:.75rem;color:var(--muted);margin-right:10px}
.drawing-detail-picks button{font-size:.875rem;padding:5px 0;color:var(--muted);border-bottom:1px solid transparent}
.drawing-detail-picks button[aria-pressed=true]{color:var(--red);border-bottom-color:var(--red)}
#hotspotCount{margin-left:auto;font-size:.75rem;color:var(--muted)}
.detail-card{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.9fr) minmax(0,.9fr);grid-template-rows:auto auto auto;gap:0 40px;padding:28px 30px 25px;background:#f0e8df}
.detail-top{grid-column:1;grid-row:1;align-items:center}
.detail-top>span:last-child{font-size:1.65rem}
.detail-card h3{grid-column:1;grid-row:2;font-size:1.5rem;margin-top:10px}
.detail-card>p:not(.fragment-source){grid-column:1;grid-row:3;font-size:1rem;margin-top:12px;line-height:1.9}
.detail-plain{grid-column:2;grid-row:1/4;margin:0;padding:0 0 0 27px;border:0;border-left:1px solid #d7cabc}
.detail-plain>span{font-size:.75rem;letter-spacing:.08em}
.detail-plain strong{font-size:1.125rem;margin-top:12px}
.detail-plain p{font-size:.875rem;line-height:1.9;margin-top:9px}
.fragment-switch{grid-column:3;grid-row:1;margin:0;padding:0;border:0;gap:18px;align-self:start}
.detail-source,.detail-source.crop-view{grid-column:3;grid-row:2/4;align-self:start;margin-top:12px;height:180px;max-height:220px}
.detail-source.crop-view{height:auto}
.detail-source>span{font-size:.75rem}
.fragment-source{grid-column:3;grid-row:4;margin-top:4px!important;padding:0;font-size:.75rem!important;line-height:1.9!important}
.detail-pagination{grid-column:1/3;grid-row:4;align-self:end;margin-top:20px;padding:14px 0 0;border-top:1px solid #d7cabc;font-size:.875rem}
.detail-pagination .small-control{font-size:.875rem}
.explore-canvas.ink-show #overviewImage{animation:ink-appear 1.65s cubic-bezier(.22,.6,.2,1) both}
@media(min-width:1500px){.explore-canvas{aspect-ratio:1.6}}
@media(max-width:1000px){.detail-card{gap:0 24px;grid-template-columns:1.25fr 1fr}.detail-top,.detail-card h3,.detail-card>p:not(.fragment-source){grid-column:1}.detail-plain{grid-column:2;grid-row:1/4;padding-left:22px}.fragment-switch{grid-column:1/3;grid-row:4;margin-top:20px;border-top:1px solid #d7cabc;padding-top:14px}.detail-source,.detail-source.crop-view{grid-column:1/3;grid-row:5;max-height:none;height:180px;max-width:500px}.detail-source.crop-view{height:auto}.fragment-source{grid-column:1/3;grid-row:6}.detail-pagination{grid-column:1/3;grid-row:7}.explore-canvas{aspect-ratio:1.55}}
@media(max-width:650px){#explore{padding-top:48px}.drawing-topline{padding:13px 15px}.drawing-topline>span{max-width:52%;font-size:.75rem}.drawing-controls{gap:2px}.drawing-controls .small-control{font-size:.75rem}.drawing-modebar{padding:13px 14px 0;gap:9px;align-items:flex-start}.drawing-modes{flex-shrink:0}.drawing-modes button{padding:6px 11px;font-size:.875rem}#drawingGesture{font-size:.75rem;max-width:135px;text-align:right}.explore-canvas{aspect-ratio:1.16;perspective:1000px}.hand-world .hotspot{width:30px;height:30px;font-size:.75rem}.hand-world .hotspot-label{font-size:.75rem;top:calc(100% + 6px)}.drawing-view-controls{right:14px;bottom:13px}.drawing-view-controls button{min-height:40px;padding:7px 11px}.drawing-unfold-controls{padding:15px 15px 13px}.unfold-heading{flex-wrap:wrap;gap:7px 12px}.drawing-layer-picks{order:3;width:100%;margin:3px 0 0;gap:22px}.drawing-layer-picks button{font-size:.875rem;line-height:1.8}#drawingProgressLabel{margin-left:auto}.drawing-bottomline{padding:11px 15px;gap:3px;flex-direction:column;align-items:flex-start}.drawing-detail-picks{padding:12px 15px;gap:10px;justify-content:space-between;flex-wrap:wrap}.drawing-detail-picks>span:first-child{width:100%;margin:0}.drawing-detail-picks button{font-size:.875rem;min-height:35px;line-height:1.5}#hotspotCount{display:none}.detail-card{display:flex;padding:23px 20px;gap:0}.detail-card h3{font-size:1.4rem;margin-top:12px}.detail-card>p:not(.fragment-source){font-size:1rem;margin-top:12px}.detail-plain{border:0;border-top:1px solid #d7cabc;margin-top:20px;padding:17px 0 0}.detail-plain strong{margin-top:5px}.detail-plain p{margin-top:4px}.fragment-switch{margin-top:18px;padding-top:13px}.detail-source,.detail-source.crop-view{width:100%;height:175px;margin-top:12px;max-width:none}.detail-source.crop-view{height:auto}.fragment-source{padding-top:6px}.detail-pagination{margin-top:18px;width:100%}.temple-facts{grid-template-columns:1fr 1fr;gap:18px 12px}.temple-facts>div:nth-child(3){border-left:0;padding-left:0}.temple-tabs{gap:22px}.temple-tab{font-size:1.125rem;gap:8px}.temple-tab small{margin-left:0;font-size:.75rem}.temple-tab>span{font-size:.75rem}}
@media(prefers-reduced-motion:reduce){.hand-plane{transition:none}.explore-canvas.ink-show #overviewImage{animation:none}}