/* White liquid-glass web approximation shared by the six sector headers. */
body.dg-shared-shell > .site-topbar {
  isolation: isolate;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body.dg-shared-shell > .site-topbar::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 10px 22px 8px;
  border: 1px solid rgba(255, 255, 255, .74);
  border-radius: 18px;
  background:
    radial-gradient(circle at 12% 0%, rgba(255, 255, 255, .78), transparent 34%),
    linear-gradient(115deg, rgba(255, 255, 255, .68), rgba(255, 255, 255, .42) 48%, rgba(255, 255, 255, .58)),
    rgba(255, 255, 255, .38);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .92),
    inset 0 -1px 0 rgba(255, 255, 255, .24),
    0 12px 34px rgba(23, 32, 42, .11);
  backdrop-filter: blur(22px) saturate(155%) contrast(1.03);
  -webkit-backdrop-filter: blur(22px) saturate(155%) contrast(1.03);
  pointer-events: none;
  transition: inset .3s ease, border-radius .3s ease, background-color .3s ease, box-shadow .3s ease;
}

body.dg-shared-shell > .site-topbar > * {
  position: relative;
  z-index: 1;
}

body.dg-shared-shell > .site-topbar.is-scrolled::before {
  inset-block: 7px;
  background:
    radial-gradient(circle at 12% 0%, rgba(255, 255, 255, .94), transparent 34%),
    linear-gradient(115deg, rgba(255, 255, 255, .88), rgba(255, 255, 255, .7) 52%, rgba(255, 255, 255, .84)),
    rgba(255, 255, 255, .68);
  box-shadow:
    inset 0 1px 0 #fff,
    inset 0 -1px 0 rgba(255, 255, 255, .38),
    0 10px 30px rgba(23, 32, 42, .1);
}

@media (max-width: 980px) {
  body.dg-shared-shell > .site-topbar::before {
    inset: 7px 10px;
    border-radius: 15px;
    background:
      radial-gradient(circle at 12% 0%, rgba(255, 255, 255, .82), transparent 36%),
      linear-gradient(120deg, rgba(255, 255, 255, .74), rgba(255, 255, 255, .48)),
      rgba(255, 255, 255, .42);
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, .94),
      0 8px 24px rgba(23, 32, 42, .1);
    backdrop-filter: blur(18px) saturate(150%);
    -webkit-backdrop-filter: blur(18px) saturate(150%);
  }

  body.dg-nav-open.dg-shared-shell > .site-topbar::before {
    background: rgba(255, 255, 255, .9);
  }
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  body.dg-shared-shell > .site-topbar::before {
    background: rgba(255, 255, 255, .9);
  }
}

@media (prefers-reduced-transparency: reduce) {
  body.dg-shared-shell > .site-topbar::before {
    background: rgba(255, 255, 255, .96);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
}

/* The shared production header now follows the clean homepage treatment. */
body.dg-shared-shell > .site-topbar::before {
  content: none !important;
  display: none !important;
}

/* Re-enable the white liquid surface beneath the shared subpage header. */
body.dg-shared-shell > .site-topbar::before {
  content: "" !important;
  display: block !important;
  position: absolute;
  z-index: 0;
  inset: 10px 22px 8px;
  border: 1px solid rgba(255, 255, 255, .78);
  border-radius: 18px;
  background:
    radial-gradient(circle at 12% 0%, rgba(255, 255, 255, .86), transparent 34%),
    linear-gradient(115deg, rgba(255, 255, 255, .7), rgba(255, 255, 255, .42) 48%, rgba(255, 255, 255, .62)),
    rgba(255, 255, 255, .4);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .95),
    inset 0 -1px 0 rgba(255, 255, 255, .24),
    0 12px 34px rgba(23, 32, 42, .12);
  backdrop-filter: blur(20px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(145%) !important;
  pointer-events: none;
}

@media (max-width: 980px) {
  body.dg-shared-shell > .site-topbar::before {
    inset: 7px 10px;
    border-radius: 15px;
    background:
      radial-gradient(circle at 12% 0%, rgba(255, 255, 255, .88), transparent 36%),
      linear-gradient(120deg, rgba(255, 255, 255, .76), rgba(255, 255, 255, .5)),
      rgba(255, 255, 255, .44);
    backdrop-filter: blur(17px) saturate(140%) !important;
    -webkit-backdrop-filter: blur(17px) saturate(140%) !important;
  }
}