/* The reading desk is quiet; the selected glass leaf remains the hero. */
#dossier{inset:0;width:100vw;height:100svh;max-height:none;margin:0;border:0;padding:0;background:transparent;box-shadow:none;backdrop-filter:none;overflow:hidden;transform:none;opacity:1;transition:none;--record-progress:0}
#dossier::backdrop{background:rgb(225 228 217 / calc(var(--record-progress)*.78));backdrop-filter:blur(calc(var(--record-progress)*9px))}
#dossier[open].arrived{transform:none}
#record-object-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
#record-object-handle{position:absolute;z-index:2;cursor:grab;touch-action:none;background:none;border:0;padding:0;border-radius:3px;color:transparent;opacity:calc(var(--record-progress));outline-offset:12px}
#record-object-handle.dragging{cursor:grabbing}
#record-object-handle:focus-visible{outline:1px dashed #58614785}
#dossier .dossier-chrome{position:absolute;z-index:5;left:38px;right:38px;top:25px;padding:0 0 19px;border-bottom:1px solid #59624b35;font-size:10px;opacity:1}
#dossier .dossier-chrome>span{font-size:11px;letter-spacing:.16em}
#dossier .dossier-chrome button{font-size:13px}
#dossier .dossier-sound{margin-left:auto;margin-right:24px}
#record-reading{position:absolute;z-index:3;left:52%;right:6.2%;top:12.2%;bottom:9%;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;opacity:clamp(0,calc((var(--record-progress) - .66)*3),1);transform:translateX(calc((1 - var(--record-progress))*22px));transition:opacity .15s}
#record-reading:before{display:none}
#dossier .dossier-content{padding:20px 0 28px}
#dossier .dossier-kicker{font-size:10px;letter-spacing:.16em;color:#69725f}
#dossier h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(34px,3.25vw,55px);line-height:1.05;letter-spacing:-.045em;margin:20px 0 27px;max-width:620px;color:#30372a}
#dossier .dossier-rule{border-top:1px solid #59604e;padding-top:11px;font-size:9px;letter-spacing:.08em;line-height:1.4}
#dossier .dossier-description{font-size:clamp(16px,1.38vw,21px);line-height:1.55;letter-spacing:-.02em;margin:28px 0}
#dossier .record-detail{border-color:#68705e35;margin-top:22px;padding-top:18px}
#dossier .record-detail h3{font-size:9px;letter-spacing:.11em;color:#3b4634;margin-bottom:9px}
#dossier .record-detail p{font-size:14px;line-height:1.65;color:#68705d}
#dossier .note p{font-size:13px}
#dossier .visit-project{background:transparent;color:#30372a;border-top:1px solid #6b73594d;border-bottom:1px solid #6b73594d;margin-top:30px;padding:18px 0;font-size:15px}
#dossier .visit-project:hover{background:#f0f3e87a;padding-left:10px;padding-right:10px}
#dossier .new-tab-note{font-size:10px;color:#77806c;margin-top:10px}
#dossier .dossier-footer{padding:18px 0;border-color:#68705e35;font-size:9px;color:#647058}
#dossier .dossier-footer button{font-size:12px}
.object-register{position:absolute;left:5%;top:12.6%;width:38%;display:flex;justify-content:space-between;gap:20px;font-size:8px;letter-spacing:.16em;color:#737d66;opacity:clamp(0,calc((var(--record-progress) - .8)*5),1);pointer-events:none}
#inspection-controls{position:absolute;left:9%;width:32%;bottom:5.8%;z-index:4;opacity:clamp(0,calc((var(--record-progress) - .85)*7),1);transition:opacity .2s}
.inspection-heading{display:flex;justify-content:space-between;gap:10px;font-size:8px;letter-spacing:.13em;color:#74806a;padding-bottom:12px;border-bottom:1px solid #6b765d40}
.inspection-buttons{display:flex;align-items:center;gap:5px;padding-top:10px}
.inspection-buttons button{font-size:11px;padding:9px 9px;color:#47523b;white-space:nowrap;min-height:34px}
.inspection-buttons button:nth-child(-n+3){font-size:17px;width:30px;padding:5px}
.inspection-buttons button:hover{background:#f7f9ef8c}
#inspect-toggle{margin-left:auto;border:1px solid #6a76564d}
#dossier.inspecting #record-reading{opacity:0;pointer-events:none}
#dossier.inspecting #inspection-controls{left:50%;transform:translateX(-50%);width:min(420px,80%)}
#dossier.inspecting .object-register{left:10%;width:80%}
#dossier.returning #record-reading,#dossier.returning #inspection-controls,#dossier.returning .object-register{opacity:0;pointer-events:none}
.dossier-open .retrieved-art{display:none!important}
.dossier-open .archive-view{filter:none;opacity:1}
.dossier-open .archive-controls{opacity:0;pointer-events:none}
@media(min-width:761px) and (max-height:720px){#record-reading{top:13%;bottom:5%}#dossier .dossier-content{padding-top:10px}#dossier h2{font-size:34px;margin:14px 0 18px}#dossier .dossier-description{margin:20px 0}#inspection-controls{bottom:6%}}
@media(max-width:760px){
 #dossier{overflow:auto;background:rgb(230 234 222 / calc(var(--record-progress)*.75))}
 #dossier .dossier-chrome{position:sticky;top:0;left:0;right:0;margin:0;padding:18px 18px 16px;background:#e9ede1f2;font-size:9px;gap:10px}
 #dossier .dossier-chrome>span{font-size:9px;letter-spacing:.1em}
 #dossier .dossier-chrome button{font-size:11px;white-space:nowrap}
 #dossier .dossier-sound{margin-left:auto;margin-right:0;font-size:9px}
 #record-object-canvas{position:fixed}
 #record-object-handle{position:fixed}
 #record-reading{position:relative;left:auto;right:auto;top:auto;bottom:auto;margin:calc(min(220px,30svh) + 120px) 24px 25px;overflow:visible;background:linear-gradient(#edf0e6f5,#e9ede1f8);padding:20px 0 0}
 #record-reading:before{display:none}
 #dossier .dossier-content{padding:0 0 24px}
 #dossier h2{font-size:37px;margin:17px 0 24px}
 #dossier .dossier-description{font-size:17px;margin:25px 0}
 #dossier .record-detail p{font-size:14px}
 #dossier .dossier-kicker{font-size:9px}
 #dossier .dossier-rule{font-size:8px}
 #inspection-controls{position:absolute;left:24px;right:24px;width:auto;top:calc(min(220px,30svh) + 100px);bottom:auto}
 .inspection-buttons{padding-top:5px;gap:2px}
 .inspection-buttons button{font-size:10px;padding:7px}
 .inspection-heading{padding-bottom:6px;font-size:7px}
 .object-register{left:24px;right:24px;width:auto;top:77px;font-size:7px}
 #dossier.inspecting{overflow:hidden}
 #dossier.inspecting #record-reading{visibility:hidden}
 #dossier.inspecting #inspection-controls{position:fixed;top:auto;bottom:7%;width:calc(100% - 48px);left:24px;transform:none}
 #dossier.inspecting .object-register{left:24px;width:calc(100% - 48px)}
}
@media(prefers-reduced-motion:reduce){#record-reading,#inspection-controls{transition:none}}

/* Chinese body copy is spaced normally; Latin project names retain the serif. */
#dossier .dossier-description{letter-spacing:0;line-height:1.75}
#dossier .record-detail p{font-size:15px;line-height:1.8}
#dossier .note p{font-size:14px;line-height:1.8}
#dossier .record-detail h3{font-size:12px;letter-spacing:.06em}
#dossier .dossier-kicker{font-size:12px;letter-spacing:.06em}
#dossier .dossier-rule{font-size:11px;letter-spacing:.035em}
#dossier .new-tab-note{font-size:12px;line-height:1.6}
.inspection-heading{font-size:11px;letter-spacing:.03em}
@media(max-width:760px){#dossier .dossier-kicker{font-size:11px}#dossier .dossier-rule{font-size:10px}.inspection-heading{font-size:10px}#dossier .record-detail p{font-size:15px}.inspection-buttons button{font-size:11px}.object-register{font-size:9px}}