.exhibit-callout{--label-paper:#f6f3eb;--label-ink:#203a36;--label-brass:#a58955;--label-rule:rgb(32 58 54 / 12%);--from-clip:inset(0 100% 0 0);position:absolute;inset:0;z-index:4;pointer-events:none}
.exhibit-callout[data-side="left"]{--from-clip:inset(0 0 0 100%)}
.exhibit-callout[data-side="below"]{--from-clip:inset(0 0 100% 0)}
.exhibit-callout[data-side="above"]{--from-clip:inset(100% 0 0 0)}
.exhibit-leader{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.exhibit-leader path{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;animation:leader-draw .4s cubic-bezier(.22,.75,.25,1) .1s both;vector-effect:non-scaling-stroke}
.leader-shadow{stroke:rgb(32 58 54 / 40%);stroke-width:3}
.leader-stroke{stroke:#f6f3eb;stroke-width:1}
.exhibit-anchor{position:absolute;left:0;top:0;width:44px;height:44px;min-height:44px;padding:0;border:0;border-radius:50%;background:transparent;pointer-events:auto;z-index:3;animation:anchor-appear .2s ease-out both}
.exhibit-anchor:hover{background:transparent}
.exhibit-anchor:focus-visible{outline:2px solid var(--label-paper);outline-offset:2px}
.anchor-ring{position:absolute;left:10px;top:10px;width:24px;height:24px;border:1px solid rgb(246 243 235 / 90%);border-radius:50%;background:rgb(32 58 54 / 19%);box-shadow:0 2px 10px rgb(22 41 37 / 15%)}
.anchor-core{position:absolute;left:18px;top:18px;width:8px;height:8px;border:1px solid rgb(246 243 235 / 80%);border-radius:50%;background:var(--label-paper);box-shadow:0 1px 5px rgb(22 41 37 / 25%)}
.exhibit-anchor:hover .anchor-ring{border-color:var(--label-paper);background:rgb(32 58 54 / 32%)}
.exhibit-callout.is-open .anchor-core{background:#d9c79f}
.exhibit-panel{position:absolute;left:0;top:0;width:304px;max-width:calc(100vw - 32px);max-height:420px;overflow:auto;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:rgb(165 137 85 / 45%) transparent;z-index:2;pointer-events:auto;padding:15px 20px 0;border:1px solid rgb(32 58 54 / 16%);border-radius:12px;color:var(--label-ink);color-scheme:light;background:rgb(246 243 235 / 98%);box-shadow:0 12px 36px rgb(22 41 37 / 17%),0 2px 7px rgb(22 41 37 / 7%);backdrop-filter:blur(12px);overflow-wrap:anywhere;animation:panel-unfold .27s cubic-bezier(.2,.8,.25,1) .46s both}
.exhibit-panel::-webkit-scrollbar{width:4px}
.exhibit-panel::-webkit-scrollbar-thumb{border-radius:4px;background:rgb(165 137 85 / 45%)}
.exhibit-heading{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:8px;margin:-7px 0 -5px;padding:7px 0 5px;background:var(--label-paper)}
.panel-metadata{display:flex;align-items:center;flex-wrap:wrap;gap:5px 10px;min-width:0}
.exhibit-kicker,#exhibit-kind{color:#80683e;font-size:9px;font-weight:500;line-height:1.6;letter-spacing:.15em;text-transform:uppercase}
#exhibit-number{padding-left:10px;border-left:1px solid rgb(165 137 85 / 30%);color:#68746c;font-size:9px;line-height:1.4;letter-spacing:.06em;font-variant-numeric:tabular-nums;white-space:nowrap}
.exhibit-heading button{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;min-height:44px;margin:-7px -11px -5px 0;padding:0;border:0;border-radius:50%;color:#586b60;background:transparent;font-size:25px;font-weight:300;line-height:1}
.exhibit-heading button:hover{color:var(--label-ink);background:rgb(32 58 54 / 6%)}
.exhibit-heading button:focus-visible{outline:2px solid var(--label-brass);outline-offset:-5px}
.exhibit-content h2{margin:8px 0 9px;color:var(--label-ink);font-family:Georgia,"Noto Serif SC","Songti SC","STSong","SimSun",serif;font-size:23px;font-weight:400;line-height:1.4;letter-spacing:.015em;text-wrap:balance}
.exhibit-subtitle{margin:0 0 14px;color:#657168;font-size:10px;line-height:1.75;letter-spacing:.035em}
.exhibit-description{margin:0 0 15px;color:#45564e;font-size:12px;line-height:1.85}
.exhibit-observe{margin:0 0 15px;padding-left:11px;border-left:1px solid rgb(165 137 85 / 65%)}
.exhibit-observe>span{color:#80683e;font-size:9px;line-height:1.7;letter-spacing:.1em}
.exhibit-observe p{margin:5px 0 0;color:#5c6a60;font-size:11px;line-height:1.85}
.exhibit-content>a{display:inline-block;max-width:100%;margin-bottom:13px;color:#36574a;font-size:10px;line-height:1.8;text-decoration-color:rgb(165 137 85 / 65%);text-underline-offset:4px}
.exhibit-content>a:hover{color:#80683e}
.exhibit-note{margin:0 0 13px;padding-top:10px;border-top:1px solid var(--label-rule);color:#687168;font-size:10px;line-height:1.8}
.exhibit-footer{display:flex;align-items:center;gap:7px;padding:11px 0 13px;border-top:1px solid var(--label-rule);color:#68746c;font-size:9px;line-height:1.8;letter-spacing:.025em}
.exhibit-footer::before{content:"";flex:0 0 3px;width:3px;height:3px;border-radius:50%;background:var(--label-brass)}
@keyframes anchor-appear{from{opacity:0;scale:.55}to{opacity:1;scale:1}}
@keyframes leader-draw{from{stroke-dashoffset:1;opacity:0}to{stroke-dashoffset:0;opacity:1}}
@keyframes panel-unfold{from{opacity:0;clip-path:var(--from-clip)}to{opacity:1;clip-path:inset(0 0 0 0)}}
@media(max-width:700px){.exhibit-panel{padding:12px 16px 0;border-radius:11px}.exhibit-content h2{margin:6px 0 8px;font-size:22px;line-height:1.35}.exhibit-subtitle{margin-bottom:10px;font-size:10px;line-height:1.7}.exhibit-description{margin-bottom:12px;font-size:12px;line-height:1.85}.exhibit-observe{display:none}.exhibit-note{margin-bottom:11px;padding-top:9px;font-size:10px;line-height:1.8}.exhibit-footer{padding:10px 0 12px;font-size:9px}.exhibit-content>a{margin-bottom:11px;font-size:10px}}
@media(max-height:520px){.exhibit-panel{padding:10px 16px 0}.exhibit-content h2{margin-top:5px;font-size:21px;line-height:1.35}.exhibit-subtitle{margin-bottom:8px}.exhibit-description{margin-bottom:11px;line-height:1.75}.exhibit-observe{display:none}.exhibit-footer{padding:9px 0 11px}}
@media(prefers-reduced-motion:reduce){.exhibit-anchor,.exhibit-leader path,.exhibit-panel{animation:none}.exhibit-leader path{stroke-dashoffset:0}}