/* One navigation template for editorial pages and the map interface. */
#navbar {position:fixed;inset:0 0 auto;z-index:1000;box-sizing:border-box;height:64px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:#0b1d33;border-bottom:1px solid #234250;font-family:'Source Sans 3',system-ui,sans-serif;}
#navbar .nav-logo{display:flex;flex-shrink:0;align-items:center;text-decoration:none;}
#navbar .brand-lockup{display:block;width:196px;height:auto;}
#navbar .nav-links{display:flex;align-items:center;gap:4px;list-style:none;margin:0;padding:0;}
#navbar .nav-links a,#navbar .topic-menu summary{box-sizing:border-box;font:600 16px/24px 'Source Sans 3',system-ui,sans-serif;letter-spacing:0;text-transform:none;color:#c2ccd5;padding:10px 14px;border-radius:12px;text-decoration:none;white-space:nowrap;cursor:pointer;}
#navbar .nav-links a{display:block;}
#navbar .nav-links a:hover,#navbar .topic-menu summary:hover{background:#17384a;color:white;}
#navbar .nav-links a.active,#navbar .topic-menu summary.active{background:#0094bf;color:#fff;}
#navbar .topic-menu{position:relative;}
#navbar .topic-menu>ul{position:absolute;top:calc(100% + 8px);left:0;min-width:240px;max-height:calc(100dvh - 90px);overflow:auto;list-style:none;padding:8px;margin:0;background:#0b1d33;border:1px solid #345767;border-radius:14px;box-shadow:0 14px 30px #0004;}
#navbar .topic-menu>ul a{margin:2px 0;}
#navbar :is(a,button,summary):focus-visible{outline:2px solid #70dcf3;outline-offset:3px;}
#navbar .mobile-toggle{display:none;background:transparent;border:1px solid #345767;border-radius:10px;width:44px;height:44px;padding:10px;flex-direction:column;justify-content:center;gap:5px;cursor:pointer;}
#navbar .mobile-toggle span{display:block;background:#fff;height:2px;width:22px;margin:0;}
@media(max-width:1100px){#navbar{padding:0 16px;}#navbar .mobile-toggle{display:flex;}#navbar .nav-links{display:none;}#navbar.menu-open .nav-links{display:flex;align-items:stretch;flex-direction:column;position:absolute;top:64px;left:0;right:0;padding:12px;gap:4px;max-height:calc(100dvh - 64px);overflow:auto;background:#0b1d33;border-bottom:1px solid #345767;}#navbar .topic-menu>ul{position:static;margin-top:6px;max-height:none;box-shadow:none;}}
.studio-tabs{position:fixed;top:64px;left:0;right:0;z-index:900;height:48px;display:flex;align-items:center;gap:4px;padding:0 20px;overflow-x:auto;background:#0d2233;border-bottom:1px solid #345767;font-family:'Source Sans 3',system-ui,sans-serif;}
.studio-tabs a{white-space:nowrap;color:#c2ccd5;padding:6px 12px;border-radius:10px;font-size:15px;font-weight:600;text-decoration:none;}
.studio-tabs a[aria-current]{background:#0094bf;color:white;}
.studio-tabs a:focus-visible{outline:2px solid #70dcf3;outline-offset:2px;}
html body .workspace.ui-stage{margin-top:112px;height:calc(100dvh - 112px);}

html body.studio-page :is(.sim-stage,.ex){margin-top:112px;height:calc(100dvh - 112px);}

html body :is(.workspace.ui-stage,.sim-stage.ui-stage,.ex.ui-stage){margin-top:112px;height:calc(100dvh - 112px);}