/* Quiet material cues and a permanent route below the study table. */
#inquiry-nav{position:fixed;inset:auto 0 0;z-index:36;height:48px;display:flex;align-items:center;justify-content:center;gap:clamp(24px,5vw,74px);padding:0 3.5vw;background:var(--ground,#deded4);border-top:1px solid var(--line,#b8bcb0)}
#inquiry-nav>button{font-family:Human,Arial,sans-serif;font-size:12px;min-height:44px;padding:0 4px;color:var(--muted,#555b50);border:0;background:none;cursor:pointer}
#inquiry-nav>button[aria-current]{color:var(--red,#a43725);text-decoration:underline;text-underline-offset:6px}
#inquiry-nav .sound-control{margin-left:auto;flex:0 0 44px}
#inquiry-nav .sound-word{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.sound-control{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:5px 9px;border:0;background:transparent;color:var(--muted,#555b50);font:inherit;font-size:12px;cursor:pointer}
.sound-control svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
.sound-control[aria-pressed="true"]{color:var(--red,#a43725)}
.sound-control[aria-pressed="true"] .sound-mute-stroke{display:none}
.sound-control:focus-visible,#inquiry-nav button:focus-visible{outline:2px solid var(--red,#a43725);outline-offset:-3px}
.sound-control:disabled{opacity:.55;cursor:default}
#viewport{bottom:164px}.scene-controls{height:116px;bottom:48px;padding-top:0}.figure-choices{display:none}
#ai-controls{bottom:48px}
body.opening-active #inquiry-nav{visibility:hidden;pointer-events:none}
.opening-sound{position:absolute;left:0;bottom:0;transform:translateY(4px)}
.reading-header>.sound-control{margin-left:auto;margin-right:18px}
.brand-line>.sound-control{margin-left:auto}
body.lab-open #inquiry-nav{z-index:64}
@media(max-width:600px){
 #inquiry-nav{gap:0;padding:0 9px;height:calc(48px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)}
 #inquiry-nav>button:not(.sound-control){flex:1;font-size:12px;padding:0 3px}
 #viewport{bottom:calc(151px + env(safe-area-inset-bottom))}
 .scene-controls{height:103px;bottom:calc(48px + env(safe-area-inset-bottom));padding-top:0}
 #ai-controls{bottom:calc(48px + env(safe-area-inset-bottom))}
 .reading-header>.sound-control{margin-right:4px;min-width:60px;font-size:11px}
 .opening-sound{left:auto;right:0;bottom:28px;font-size:11px}
}

/* The visitor can leave the introduction through the same four destinations. */
body.opening-active #inquiry-nav{visibility:visible;pointer-events:auto;z-index:76}
body.opening-active #opening .opening-bottom{bottom:auto}
.opening-sound{position:fixed;top:92px;left:3.5vw;right:auto;bottom:auto;transform:none;z-index:77;min-height:40px}
#inquiry-nav .sound-control{flex-basis:64px;flex-direction:column;gap:1px;font-size:10px;padding:0}
#inquiry-nav .sound-word{position:static;clip-path:none;width:auto;height:auto;overflow:visible;font-size:10px;line-height:1.1}
#inquiry-nav .sound-control svg{width:18px;height:18px}
@media(max-width:600px){
 body.opening-active #opening .opening-bottom{bottom:auto}
 .opening-sound{top:65px;left:17px;right:auto;bottom:auto;font-size:11px;min-height:36px;padding-left:0}
 #inquiry-nav .sound-control{flex-basis:54px}
}