/* CR165 Hub Overlay Balance V2
   User target:
   - Chrome/Firefox: slightly darker again, closer to the previously good setting.
   - Edge: still too dark, so Edge gets a much more transparent overlay.
   - Keep the slate grey-blue center/panel surface correction.
   Scope: only page-gridizer-research-overview-system.php.
*/

/* Baseline for Chrome/Firefox/standard Chromium:
   darker than the too-bright previous attempt, but not as dark as the broken state. */
body.page-template-page-gridizer-research-overview-system .grz26-hub-hero::before,
body.page-template-page-gridizer-research-overview-system .grz26-hub-hero::after,
body.page-template-page-gridizer-research-overview-system .grz26-hero::before,
body.page-template-page-gridizer-research-overview-system .grz26-hero::after,
body.page-template-page-gridizer-research-overview-system .grz26-overview-hero::before,
body.page-template-page-gridizer-research-overview-system .grz26-overview-hero::after,
body.page-template-page-gridizer-research-overview-system .grz26-hero-shell::before,
body.page-template-page-gridizer-research-overview-system .grz26-hero-shell::after,
body.page-template-page-gridizer-research-overview-system .grz26-hero-overlay,
body.page-template-page-gridizer-research-overview-system .grz26-background-overlay,
body.page-template-page-gridizer-research-overview-system .ggc-hero-overlay,
body.page-template-page-gridizer-research-overview-system .ggc-hero-wide::before,
body.page-template-page-gridizer-research-overview-system .ggc-hero-wide::after {
  background: linear-gradient(180deg, rgba(6, 14, 28, 0.16) 0%, rgba(6, 14, 28, 0.22) 48%, rgba(6, 14, 28, 0.28) 100%) !important;
  opacity: 0.72 !important;
}

/* Slate grey-blue surfaces across browsers, especially the center panel in Edge. */
body.page-template-page-gridizer-research-overview-system .grz26-panel,
body.page-template-page-gridizer-research-overview-system .grz26-card,
body.page-template-page-gridizer-research-overview-system .grz26-surface,
body.page-template-page-gridizer-research-overview-system .grz26-block,
body.page-template-page-gridizer-research-overview-system .grz26-section-card,
body.page-template-page-gridizer-research-overview-system .grz26-main-card,
body.page-template-page-gridizer-research-overview-system .grz26-overview-card,
body.page-template-page-gridizer-research-overview-system .grz26-content-card,
body.page-template-page-gridizer-research-overview-system .grz26-rail-card,
body.page-template-page-gridizer-research-overview-system .grz26-nav-card,
body.page-template-page-gridizer-research-overview-system .grz26-stack > section,
body.page-template-page-gridizer-research-overview-system .grz26-stack > article,
body.page-template-page-gridizer-research-overview-system .grz26-grid > section,
body.page-template-page-gridizer-research-overview-system .grz26-grid > article,
body.page-template-page-gridizer-research-overview-system .grz26-grid > div,
body.page-template-page-gridizer-research-overview-system .grz26-main > section,
body.page-template-page-gridizer-research-overview-system .grz26-main > article,
body.page-template-page-gridizer-research-overview-system .grz26-main > div {
  background: rgba(31, 45, 66, 0.86) !important;
  border-color: rgba(120, 154, 196, 0.18) !important;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
}

/* Microsoft Edge only:
   Edge still renders the page too dark, so this is deliberately much lighter than baseline. */
html.cr165-is-edge-html body.page-template-page-gridizer-research-overview-system .grz26-hub-hero::before,
html.cr165-is-edge-html body.page-template-page-gridizer-research-overview-system .grz26-hub-hero::after,
html.cr165-is-edge-html body.page-template-page-gridizer-research-overview-system .grz26-hero::before,
html.cr165-is-edge-html body.page-template-page-gridizer-research-overview-system .grz26-hero::after,
html.cr165-is-edge-html body.page-template-page-gridizer-research-overview-system .grz26-overview-hero::before,
html.cr165-is-edge-html body.page-template-page-gridizer-research-overview-system .grz26-overview-hero::after,
html.cr165-is-edge-html body.page-template-page-gridizer-research-overview-system .grz26-hero-shell::before,
html.cr165-is-edge-html body.page-template-page-gridizer-research-overview-system .grz26-hero-shell::after,
html.cr165-is-edge-html body.page-template-page-gridizer-research-overview-system .grz26-hero-overlay,
html.cr165-is-edge-html body.page-template-page-gridizer-research-overview-system .grz26-background-overlay,
html.cr165-is-edge-html body.page-template-page-gridizer-research-overview-system .ggc-hero-overlay,
html.cr165-is-edge-html body.page-template-page-gridizer-research-overview-system .ggc-hero-wide::before,
html.cr165-is-edge-html body.page-template-page-gridizer-research-overview-system .ggc-hero-wide::after,
body.cr165-is-edge.page-template-page-gridizer-research-overview-system .grz26-hub-hero::before,
body.cr165-is-edge.page-template-page-gridizer-research-overview-system .grz26-hub-hero::after,
body.cr165-is-edge.page-template-page-gridizer-research-overview-system .grz26-hero::before,
body.cr165-is-edge.page-template-page-gridizer-research-overview-system .grz26-hero::after,
body.cr165-is-edge.page-template-page-gridizer-research-overview-system .grz26-overview-hero::before,
body.cr165-is-edge.page-template-page-gridizer-research-overview-system .grz26-overview-hero::after,
body.cr165-is-edge.page-template-page-gridizer-research-overview-system .grz26-hero-shell::before,
body.cr165-is-edge.page-template-page-gridizer-research-overview-system .grz26-hero-shell::after,
body.cr165-is-edge.page-template-page-gridizer-research-overview-system .grz26-hero-overlay,
body.cr165-is-edge.page-template-page-gridizer-research-overview-system .grz26-background-overlay,
body.cr165-is-edge.page-template-page-gridizer-research-overview-system .ggc-hero-overlay,
body.cr165-is-edge.page-template-page-gridizer-research-overview-system .ggc-hero-wide::before,
body.cr165-is-edge.page-template-page-gridizer-research-overview-system .ggc-hero-wide::after {
  background: linear-gradient(180deg, rgba(6, 14, 28, 0.00) 0%, rgba(6, 14, 28, 0.02) 45%, rgba(6, 14, 28, 0.04) 100%) !important;
  opacity: 0.18 !important;
}

/* Edge center-panel fallback retained. */
html.cr165-is-edge-html body.page-template-page-gridizer-research-overview-system .grz26-panel,
html.cr165-is-edge-html body.page-template-page-gridizer-research-overview-system .grz26-card,
html.cr165-is-edge-html body.page-template-page-gridizer-research-overview-system .grz26-surface,
html.cr165-is-edge-html body.page-template-page-gridizer-research-overview-system .grz26-section-card,
html.cr165-is-edge-html body.page-template-page-gridizer-research-overview-system .grz26-main-card,
html.cr165-is-edge-html body.page-template-page-gridizer-research-overview-system .grz26-overview-card,
html.cr165-is-edge-html body.page-template-page-gridizer-research-overview-system .grz26-content-card,
html.cr165-is-edge-html body.page-template-page-gridizer-research-overview-system .grz26-main > section,
html.cr165-is-edge-html body.page-template-page-gridizer-research-overview-system .grz26-main > article,
html.cr165-is-edge-html body.page-template-page-gridizer-research-overview-system .grz26-main > div,
body.cr165-is-edge.page-template-page-gridizer-research-overview-system .grz26-panel,
body.cr165-is-edge.page-template-page-gridizer-research-overview-system .grz26-card,
body.cr165-is-edge.page-template-page-gridizer-research-overview-system .grz26-surface,
body.cr165-is-edge.page-template-page-gridizer-research-overview-system .grz26-section-card,
body.cr165-is-edge.page-template-page-gridizer-research-overview-system .grz26-main-card,
body.cr165-is-edge.page-template-page-gridizer-research-overview-system .grz26-overview-card,
body.cr165-is-edge.page-template-page-gridizer-research-overview-system .grz26-content-card,
body.cr165-is-edge.page-template-page-gridizer-research-overview-system .grz26-main > section,
body.cr165-is-edge.page-template-page-gridizer-research-overview-system .grz26-main > article,
body.cr165-is-edge.page-template-page-gridizer-research-overview-system .grz26-main > div {
  background-color: rgba(31, 45, 66, 0.90) !important;
}