:root {
  --fixed-announcement-height: 0px;
  --fixed-header-height: 72px;
  --fixed-shell-height: 72px;
}

body {
  padding-top: var(--fixed-shell-height);
}

.announcement-bar {
  position: fixed;
  inset: 0 0 auto;
  z-index: 31;
}

.site-header {
  position: fixed;
  top: var(--fixed-announcement-height);
  right: 0;
  left: 0;
  z-index: 30;
  border-bottom-color: var(--nav-line);
  background: var(--nav-bg);
  color: var(--nav-text);
  animation: none;
  transform: none;
  transition: none;
}

.site-header .site-nav {
  animation: none;
  transform: none;
  transition: none;
}

:root .site-header .brand-logo-light {
  display: none;
}

:root .site-header .brand-logo-dark {
  display: block;
}

.site-header .brand-mark {
  border-color: var(--nav-line);
  background: var(--nav-switch-bg);
}