/* Full index: persistent beside the scene on desktop, complete dropdown on phones. */
.masthead nav a.dossier-link,.nav-opening{white-space:normal;overflow-wrap:anywhere;min-width:0;height:auto;text-overflow:clip}
.dossier-link>span,.nav-opening>span{white-space:normal;overflow:visible;line-height:1.45}
.masthead nav a.dossier-link>small,.nav-opening>small{display:none}
.masthead nav a.is-current{border-color:#c5a775;background:#c5a77516;color:#e9e5d9;box-shadow:inset 3px 0 #c5a775}
.masthead nav a.is-current>span{color:#f3e4c4}
.masthead nav a:focus-visible{outline:2px solid #eeddb9;outline-offset:2px}
.menu-toggle{white-space:normal;min-width:88px;min-height:44px;line-height:1.3}
@media(min-width:1100px){
 .masthead nav,.masthead nav.is-open{display:flex;flex-direction:column;gap:16px;position:fixed;left:max(0px,calc((100vw - 1600px)/2));top:108px;bottom:0;width:248px;max-height:calc(var(--visual-viewport-height,100vh) - 108px);overflow-y:auto;overscroll-behavior:contain;padding:24px 18px max(24px,var(--safe-bottom));border:0;border-right:1px solid var(--line);box-shadow:none;background:#111711f5;scrollbar-color:#8d7956 #141714}
 .masthead [data-menu-toggle]{display:none}
 .nav-group,.nav-group:last-of-type{display:block;grid-column:auto;border:0;padding:0;min-width:0}
 .nav-group-title{margin:0 0 7px;font-size:9px;letter-spacing:1px}
 .masthead nav a.dossier-link{display:block;min-height:44px;margin:0 0 3px;padding:9px 10px}
 .dossier-link>span{font:14px/1.45 var(--sans)}html[lang=ko] .dossier-link>span{font-size:13px}
 .masthead nav .nav-opening{display:block!important;grid-column:auto;padding:14px 10px!important;min-height:48px!important;font-size:13px;margin-top:0;border-top:1px solid var(--line)}
 #site-content>main,#site-content>.interactive-study,#site-content>footer,body>main,body>footer,.content-page>.masthead~main,.content-page>.masthead~footer,.story-page>.masthead~main,.story-page>.masthead~footer{margin-left:max(248px,calc((100vw - 1600px)/2 + 248px));margin-right:max(0px,calc((100vw - 1600px)/2));width:auto;max-width:none}
 #site-content>.interactive-study{padding-left:4%;padding-right:4%}
 .warden-audio{left:auto;right:max(12px,calc(var(--safe-right) + 8px))}
}
@media(max-width:1099px){
 .masthead nav.is-open{display:grid;grid-template-columns:1fr 1fr;max-height:calc(var(--visual-viewport-height,100vh) - 108px - var(--safe-bottom));overflow-y:auto;overscroll-behavior:contain;padding:20px 5%;gap:18px}
 .masthead nav .nav-group{border:0;padding:0}
 .masthead nav .nav-group:last-of-type{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:5px;border-top:1px solid var(--line);padding-top:14px}
 .masthead nav .nav-group:last-of-type .nav-group-title{grid-column:1/-1}
 .masthead nav a.dossier-link{min-height:48px;padding:10px 8px}
 .dossier-link>span,html[lang=ko] .dossier-link>span{font:13px/1.5 var(--sans)}
 .nav-opening{min-height:48px!important;display:block!important;font-size:13px;line-height:1.5}
}
@media(max-width:480px){
 .masthead nav.is-open{grid-template-columns:1fr;gap:16px}
 .masthead nav .nav-group:last-of-type{grid-column:auto;grid-template-columns:1fr}
 .masthead nav a.dossier-link{margin:0;padding:10px 12px}
 .menu-toggle{min-width:78px;padding-left:8px;padding-right:8px}
 .header-tools{flex-wrap:wrap;justify-content:flex-end;max-width:42vw}.masthead .approved-logo{width:min(42vw,150px)}
}
.notebook-index span,#study-title,#notebook-title{overflow-wrap:anywhere;white-space:normal;text-overflow:clip}

#study-skip-action{margin-left:12px;min-height:48px}#study-skip-action:focus-visible{outline:2px solid var(--paper);outline-offset:4px}@media(max-width:480px){#study-skip-action{display:flex;margin:12px auto 0;min-width:160px}}

.interactive-study[data-action-state="transition"] #study-hotspots{visibility:hidden}

/* Keep the sound control in the scene toolbar so no floating panel covers objects. */
html[data-scene-mode=true] .warden-audio{display:none}
.study-toolbar{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px;flex-shrink:0;max-width:235px}
.study-toolbar .button{min-width:88px;min-height:44px;padding:10px 12px;font-size:11px;gap:6px}
@media(max-width:760px){.study-heading{flex-wrap:wrap}.study-toolbar{max-width:100%;width:100%;justify-content:flex-start}.study-toolbar .button{min-height:44px}}

/* Separate image and annotation areas: captions never cover scene pixels. */
.study-frame{display:grid;grid-template-columns:minmax(0,1fr) 155px;gap:18px;align-items:center}
.study-caption-rail{padding-left:12px;border-left:1px solid var(--brass);min-width:0}
@media(max-width:760px){.study-frame{display:block}.study-caption-rail{border:0;padding:18px 6% 0}.study-caption-rail .button{width:auto;min-width:180px;max-width:100%;margin:auto;display:flex}.study-actions{padding-top:16px}}
@media(min-width:761px){
 .entry-scene{display:grid;grid-template-columns:minmax(0,1fr) 250px;grid-template-rows:80px minmax(0,1fr);gap:18px;padding:18px max(24px,var(--safe-right)) 24px max(24px,var(--safe-left));align-items:center}
 .entry-topline{position:relative;inset:auto;grid-column:1/-1;width:100%;margin:0}
 .entry-stage{grid-column:1;grid-row:2;width:min(100%,calc((var(--visual-viewport-height,100vh) - 140px)*1.5));justify-self:center;margin:0;max-width:100%}
 .entry-bottomline{position:relative;inset:auto;grid-column:2;grid-row:2;text-align:left;margin:0;width:auto;align-self:center}
 .entry-bottomline #opening-quote{font-size:16px;line-height:1.75;letter-spacing:0;margin-bottom:24px}
 .entry-action{font-size:30px;min-height:48px;background:#101711;border:2px solid #c7a96e;padding:12px 18px;text-shadow:none;white-space:normal}
 .entry-status{line-height:1.7}
}

/* Requested external destination stays last in the complete menu. */
.masthead nav a.nav-other-content,.masthead nav a.nav-tiktok,.masthead nav a.nav-contact{grid-column:1/-1;border-top:1px solid var(--line);padding-top:14px;margin-top:0;min-height:48px;color:var(--brass)}

/* Ordered categories share the same DOM and keyboard sequence at every width. */
.masthead nav .nav-group[data-menu-group] .nav-group-title{line-height:1.5;overflow-wrap:anywhere}
.masthead nav .nav-group[data-menu-group] a.nav-opening,
.masthead nav .nav-group[data-menu-group] a.nav-contact,
.masthead nav .nav-group[data-menu-group] a.nav-tiktok,
.masthead nav .nav-group[data-menu-group] a.nav-other-content{grid-column:auto;border-top:0;margin-top:0;padding:10px 8px!important;min-height:48px!important}
@media(max-width:1099px){
 .masthead nav .nav-group[data-menu-group]{display:block;grid-column:auto;border:0;padding:0;min-width:0}
 .masthead nav .nav-group[data-menu-group] .nav-group-title{margin:0 0 7px}
}
@media(max-width:480px){
 .masthead nav .nav-group[data-menu-group]{border-top:1px solid var(--line);padding-top:12px}
 .masthead nav .nav-group[data-menu-group]:first-child{border-top:0;padding-top:0}
 .masthead nav .nav-group[data-menu-group] a.nav-opening,
 .masthead nav .nav-group[data-menu-group] a.nav-contact,
 .masthead nav .nav-group[data-menu-group] a.nav-tiktok,
 .masthead nav .nav-group[data-menu-group] a.nav-other-content{padding:10px 12px!important}
}