:root { --site-header-height: 90px; }
html { scroll-padding-top: calc(var(--site-header-height) + 12px); }

html body header[data-site-header] {
  --header-surface: rgba(24, 27, 27, .42);
  --header-solid: #181b1b;
  --header-text: #fff;
  position: sticky;
  top: 0;
  z-index: 50;
  /* Override legacy page-specific scrolled and theme backgrounds. */
  background: var(--header-surface) !important;
  color: var(--header-text);
  -webkit-backdrop-filter: blur(14px) saturate(1.1) !important;
  backdrop-filter: blur(14px) saturate(1.1) !important;
  box-shadow: none !important;
  transition: none !important;
}
html body header[data-site-header].brandbar,
html body header[data-site-header].eg-header,
html body header[data-site-header]:has(.faq-brand),
html body header[data-site-header][data-header-tone="light"] {
  --header-surface: rgba(245, 244, 241, .78);
  --header-solid: #f5f4f1;
  --header-text: #202020;
}
html[data-theme="dark"] body header[data-site-header]:not([data-header-tone="light"]),
html body header[data-site-header][data-header-tone="dark"] {
  --header-surface: rgba(24, 27, 27, .42);
  --header-solid: #181b1b;
  --header-text: #fff;
}
html body header[data-site-header] :is(.brand, .menu-toggle) { color: inherit !important; }
html body header[data-site-header] :is(.brand-logo, .logo) {
  filter: none !important;
  transition: none;
}
html body header[data-site-header].brandbar :is(.brand-logo, .logo),
html body header[data-site-header].eg-header :is(.brand-logo, .logo),
html body header[data-site-header]:has(.faq-brand) :is(.brand-logo, .logo),
html body header[data-site-header][data-header-tone="light"] :is(.brand-logo, .logo) {
  filter: brightness(0) !important;
}
html[data-theme="dark"] body header[data-site-header]:not([data-header-tone="light"]) :is(.brand-logo, .logo),
html body header[data-site-header][data-header-tone="dark"] :is(.brand-logo, .logo) {
  filter: none !important;
}
html body header[data-site-header]:not([data-header-tone]) {
  background: var(--header-solid) !important;
}
html body header[data-site-header].on-hero { position: fixed; left: 0; width: 100%; }
html body header[data-site-header].on-hero:not(.scrolled):not(.on-light) {
  background: linear-gradient(180deg, #07090c66, #07090c00) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
html body .eg-toolbar { top: var(--site-header-height); }
html body .skip:focus { z-index: 60; }
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  html body header[data-site-header] { background: var(--header-solid) !important; }
}
@media print {
  html { scroll-padding-top: 0; }
  html body header[data-site-header],
  html body header[data-site-header].on-hero { position: static; }
  html body .eg-toolbar { position: static; }
}