:root { --explorer-nav-height: 36px; --explorer-viewport-height: calc(100dvh - var(--explorer-nav-height)); }
body { padding-top: var(--explorer-nav-height) !important; }
#explorer-workshop-nav { box-sizing: border-box; position: fixed; inset: 0 0 auto; z-index: 1000; height: var(--explorer-nav-height); padding: 0 16px; display: flex; align-items: center; gap: 20px; background: #203c36; color: #e9eee7; border-bottom: 1px solid #38534b; font: 12px/1.4 system-ui, sans-serif; }
#explorer-workshop-nav a { color: #e9eee7; text-decoration: none; display: inline-flex; align-items: center; gap: 4px; height: 100%; }
#explorer-workshop-nav a:first-child { color: #d5f36b; font-weight: 650; }
#explorer-workshop-nav a:last-child { margin-left: auto; }
#explorer-workshop-nav a:hover { text-decoration: underline; }
#explorer-workshop-nav a:focus-visible { outline: 2px solid #d5f36b; outline-offset: -3px; }
#explorer-workshop-nav > span { opacity: .75; }
@media(max-width: 540px) { #explorer-workshop-nav { padding: 0 12px; gap: 10px; font-size: 10px; } #explorer-workshop-nav > span { display: none; } }