/* Shared public navigation. Page scenes may differ; the site entrance does not. */
.fd-global-header,
.fd-global-header.fd-global-header {
  position: relative;
  z-index: 50;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  height: 74px;
  min-height: 74px;
  padding: 0 42px;
  border: 0;
  border-bottom: 1px solid rgba(255, 255, 255, .15);
  background: #262b2f;
  color: #fff;
  box-shadow: none;
  backdrop-filter: none;
}

.fd-global-header .brand {
  flex: 0 0 auto;
  color: #fff;
  font: 500 25px Georgia, "Noto Serif SC", serif;
  letter-spacing: .02em;
  text-decoration: none;
}

.fd-global-header .brand small,
.fd-global-header .brand span:not(.mark) {
  margin-left: 10px;
  color: #bdc8ce;
  font: 11px Inter, "Microsoft YaHei", sans-serif;
  letter-spacing: .12em;
}

.fd-global-header nav,
.fd-global-header .nav-links,
.fd-global-header .nav-right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 20px;
}

.fd-global-header nav a,
.fd-global-header .nav-links a,
.fd-global-header .nav-right a {
  color: #d6dde0;
  font: 12px Inter, "Microsoft YaHei", sans-serif;
  letter-spacing: .08em;
  text-decoration: none;
  transition: color .16s ease;
}

.fd-global-header nav a:hover,
.fd-global-header .nav-links a:hover,
.fd-global-header .nav-right a:hover,
.fd-global-header nav a[aria-current="page"],
.fd-global-header .nav-links a[aria-current="page"],
.fd-global-header .nav-right a[aria-current="page"] {
  color: #fff;
  font-weight: 700;
}

body.fd-inner.fd-workbench .fd-global-header,
body.fd-inner.fd-workbench .fd-global-header.fd-global-header {
  background: #262b2f;
  border-bottom-color: rgba(255, 255, 255, .15);
}

body.fd-inner.fd-workbench .fd-global-header .brand,
body.fd-inner.fd-workbench .fd-global-header nav a,
body.fd-inner.fd-workbench .fd-global-header nav a:hover,
body.fd-inner.fd-workbench .fd-global-header nav a[aria-current="page"] {
  color: #fff;
}

@media (max-width: 850px) {
  .fd-global-header,
  .fd-global-header.fd-global-header {
    gap: 16px;
    height: 64px;
    min-height: 64px;
    padding: 0 20px;
  }

  .fd-global-header .brand { font-size: 21px; }
  .fd-global-header nav,
  .fd-global-header .nav-links,
  .fd-global-header .nav-right { gap: 14px; }
  .fd-global-header nav a:nth-child(n + 5),
  .fd-global-header .nav-links a:nth-child(n + 5),
  .fd-global-header .nav-right a:nth-child(n + 5) { display: none; }
}
