/* Shared masthead geometry, based on the 3D print page. */
html{scrollbar-gutter:stable}
@supports not (scrollbar-gutter:stable){html{overflow-y:scroll}}
:root{--site-header-height:92px;--site-header-inset:48px}
.header.site-header,.public-studio .site-header{box-sizing:border-box;width:100%;max-width:1560px;height:var(--site-header-height);margin:0 auto;padding:0 var(--site-header-inset);align-items:center}
.site-header .brand{flex:none;justify-self:start;font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo",Arial,sans-serif;font-size:40px;font-weight:800;letter-spacing:-2.6px;line-height:1}
.site-header .home-link,.site-header .main-nav a{font-size:11px;font-weight:650;letter-spacing:2.7px}
.brand-lockup{display:flex;align-items:baseline;gap:10px;flex:none;height:40px}
.site-version{display:inline-block;padding:9px 0;font-size:11px;font-weight:550;line-height:1;letter-spacing:.1px;color:#77827d;white-space:nowrap;text-decoration:none}
.site-version:hover{color:#385adb}
.workshop-night .site-version{color:#a1afa8}.workshop-night .site-version:hover{color:#e0e9dd}
@media(max-width:1050px){:root{--site-header-inset:30px}}
@media(max-width:700px){:root{--site-header-height:73px;--site-header-inset:22px}}
@media(max-width:680px){
  :root{--site-header-inset:16px}
  .site-header .brand{font-size:34px;letter-spacing:-2px}
  .brand-lockup{gap:7px;height:34px}.site-version{font-size:10px}
  .site-header .home-link{font-size:10px;letter-spacing:1.8px}
  .header.site-header.menu-ready .main-nav{right:var(--site-header-inset);width:min(260px,calc(100% - 2 * var(--site-header-inset)))}
}
@media(max-width:365px){
  .public-studio .site-header{gap:6px}
  .public-studio .brand-lockup{gap:5px}
  .public-studio .studio-name{gap:4px}
  .public-studio .small-mark{font-size:16px}
  .public-studio .home-link{letter-spacing:.8px;gap:3px;padding:0 2px}
}

/* Full site navigation on public module pages. The page's own layout remains below the masthead. */
.header.site-header.shared-header,.topbar.site-header.shared-header{display:flex;grid-template-columns:none;justify-content:space-between;gap:20px;position:relative;z-index:30}
.shared-header .shared-site-nav{display:flex;align-items:center;gap:28px;margin-left:auto}
.shared-header .shared-site-nav a{display:inline-flex;align-items:center;gap:11px;min-height:44px;padding:0 4px;text-decoration:none;white-space:nowrap;color:inherit;transition:color .2s}
.shared-header .shared-site-nav a:hover{color:var(--site-active,#385adb)}
body.system-theme .shared-header .shared-site-nav a[aria-current="page"]{color:var(--site-brand,#385adb)}
.shared-header .shared-site-nav .library-nav-link{letter-spacing:.4px}
.shared-header .shared-site-nav :is(.game-mark,.arcade-mark,.lab-mark,.floorplan-mark){display:inline-flex;width:28px;height:28px;flex:none;color:var(--site-mark,#789887)}
.shared-header .shared-site-nav :is(.game-mark,.arcade-mark,.lab-mark,.floorplan-mark) svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}
.shared-header .shared-site-nav .small-mark{font-size:26px;line-height:1;color:var(--site-mark,#6e9185);letter-spacing:0}
.shared-header .shared-menu-toggle{display:none}
@media(max-width:1160px) and (min-width:901px){
  .shared-header .shared-site-nav{gap:12px}
  .header.site-header.shared-header .shared-site-nav a,.topbar.site-header.shared-header .shared-site-nav a{gap:7px;letter-spacing:1.5px}
  .shared-header .shared-site-nav :is(.game-mark,.arcade-mark,.lab-mark,.floorplan-mark){width:24px;height:24px}
}
@media(max-width:1000px) and (min-width:901px){
  .shared-header .shared-site-nav{gap:8px}
  .header.site-header.shared-header .shared-site-nav a,.topbar.site-header.shared-header .shared-site-nav a{gap:6px;font-size:10px;letter-spacing:1.1px}
}
@media(max-width:900px){
  .shared-header .shared-menu-toggle{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:0 4px 0 12px;border:0;background:none;color:inherit;font-size:11px;font-weight:600;letter-spacing:1.2px}
  .shared-header .shared-menu-toggle svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
  .shared-header.menu-open .shared-menu-toggle svg{transform:rotate(180deg)}
  .shared-header .shared-site-nav{display:none;position:absolute;top:calc(100% + 8px);right:var(--site-header-inset);width:min(260px,calc(100% - 2 * var(--site-header-inset)));max-height:min(60svh,420px);overflow:auto;flex-direction:column;align-items:stretch;gap:0;padding:8px;background:var(--site-surface,#f8f9f5);border:1px solid var(--site-line,#dce0d6);border-radius:12px;box-shadow:0 12px 32px #25302c26}
  .shared-header.menu-open .shared-site-nav{display:flex}
  .header.site-header.shared-header .shared-site-nav a,.topbar.site-header.shared-header .shared-site-nav a{min-height:52px;padding:10px 14px;border-radius:7px;font-size:10px;letter-spacing:1.8px;gap:10px}
  .shared-header .shared-site-nav a:hover{background:var(--site-soft,#e8ede4)}
}
@media(max-width:680px){.shared-header .shared-site-nav :is(.game-mark,.arcade-mark,.lab-mark,.floorplan-mark){width:23px;height:23px}}
@media(max-width:900px) and (prefers-color-scheme:dark){body:not(.system-theme) .shared-header .shared-site-nav{background:#26332b;color:#e6e9dd;border-color:#455444}}
