/* One navigation appearance across the overview, extension, Mac, support and updates. */
.site-header .header-inner { width:min(1360px,calc(100% - 28px)); min-height:72px; grid-template-columns:auto minmax(0,1fr) auto; gap:16px; }
.site-header .brand { font-size:15px; line-height:1.5; color:#fff; }
.site-header .brand-logo { flex:0 0 36px; animation:none; }
.site-header .brand-logo img { display:block; width:36px; height:36px; object-fit:contain; animation:none; }
.site-header .nav-links { display:flex; justify-content:center; }
.site-header .nav-links a,.mobile-nav a { font-size:13px; line-height:1.5; }
.site-header .nav-links a[aria-current="page"],.mobile-nav a[aria-current="page"] { color:#fff; background:#ffffff12; box-shadow:inset 0 -2px #8bbcff; }
.site-header .header-projects-link { display:inline-flex; }
.site-header .menu-button { display:none; }
.web-workspace-link{white-space:nowrap}.site-header .nav-links .web-workspace-link{color:#a6d0ff;background:#ffffff0c;border-radius:6px}
.mobile-nav { display:none; }
@media(max-width:1320px) {
  .site-header .header-inner { grid-template-columns:minmax(0,1fr) auto; }
  .site-header .nav-links { display:none; }
  .site-header .menu-button { display:inline-flex; }
  .mobile-nav.is-open { display:flex; }
}
@media(min-width:1321px) { .mobile-nav.is-open { display:none; } }
@media(max-width:760px) {
  .site-header .brand { font-size:13px; }
  .site-header .header-inner { gap:8px; }
  .site-header .header-projects-link { display:none; }
}
