:root { color-scheme:dark; font-family:"Avenir Next",Avenir,"Segoe UI",sans-serif; background:#11120f; color:#f2e6c9; }
* { box-sizing:border-box; }
html,body { width:100%; height:100%; margin:0; overflow:hidden; }
body { display:flex; flex-direction:column; height:100dvh; }
[hidden] { display:none !important; }
.study-header { flex:none; height:48px; display:flex; align-items:center; gap:10px; padding:2px max(10px,env(safe-area-inset-right)) 2px max(10px,env(safe-area-inset-left)); background:#151811; border-bottom:1px solid #3b4034; }
.study-selector-wrap { position:relative; flex:0 1 auto; min-width:0; max-width:560px; }
.study-selector-label,#study-selector { font-family:inherit; font-size:16px; font-weight:600; line-height:1.25; letter-spacing:0; }
.study-selector-label { display:block; visibility:hidden; overflow:hidden; white-space:nowrap; min-height:44px; padding:8px 50px 8px 10px; }
#study-selector { position:absolute; inset:0; width:100%; min-width:0; min-height:44px; padding:8px 38px 8px 10px; appearance:none; -webkit-appearance:none; border:1px solid #d1bf9238; border-radius:5px; background:#1b2017; color:#f2e6c9; text-overflow:ellipsis; cursor:pointer; }
#study-selector:hover { background:#252c20; border-color:#d1bf9270; }
.study-selector-chevron { position:absolute; pointer-events:none; right:10px; top:50%; transform:translateY(-50%); width:18px; height:18px; color:#e0cc98; }
#map-link { display:flex; align-items:center; justify-content:center; gap:5px; min-width:52px; min-height:44px; margin-left:auto; padding:0 7px; color:#d1bf92; font-size:12px; text-decoration:none; white-space:nowrap; }
#map-link:hover { color:#fff5d8; }
#collection-back { display:flex; flex:none; align-items:center; justify-content:center; width:44px; height:44px; color:#d1bf92; text-decoration:none; }
#collection-back:focus-visible { outline:2px solid #e7b66a; outline-offset:-2px; }
#study-selector:focus-visible,#map-link:focus-visible { outline:2px solid #e7b66a; outline-offset:-2px; }
#study-viewer { flex:1; min-height:0; position:relative; }
#study-frame { display:block; width:100%; height:100%; border:0; background:#11120f; }
.viewer-notice { position:fixed; top:58px; right:14px; z-index:10; max-width:300px; margin:0; padding:10px 14px; border:1px solid #b8975c; border-radius:7px; background:#24261f; color:#f2e6c9; font-size:13px; line-height:1.5; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@media(max-width:500px) { .study-header { gap:4px; padding-left:5px; padding-right:5px; } .study-selector-label,#study-selector { font-size:14px; padding-left:8px; } #map-link { font-size:11px; min-width:46px; padding:0 4px; } }