.studio-nav{display:flex;align-items:center;flex-wrap:wrap;gap:8px;width:min(1184px,calc(100% - 48px));margin:16px auto 0;color:#576556;font:11px/1.7 system-ui,sans-serif}
.studio-nav a{color:inherit;text-decoration:none;padding-block:5px}
.studio-nav a:hover{text-decoration:underline;text-underline-offset:3px}
.studio-nav a:focus-visible{outline:2px solid #395a49;outline-offset:3px}
/* View changes focus the reading region without outlining the whole page. */
main#main[tabindex="-1"]:focus{outline:none}
.studio-nav span[aria-hidden]{color:#8a9385}
.studio-nav [aria-current]{font-weight:600;color:#304d40}
body.test-active .studio-nav,body:has(#test-view:not([hidden])) .studio-nav{display:none}
@media(max-width:600px){.studio-nav{width:calc(100% - 36px);gap:6px;font-size:10px;margin-top:10px}}