/* Fade the shared hero into the page behind the overlapping chart card. */
.eec-unified-top:has(.cl-hero) { position: relative; }
.eec-unified-top:has(.cl-hero)::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 160px;
  background: linear-gradient(to bottom, rgba(255,255,255,0), #fff);
  pointer-events: none;
}
.cl-chart { background: #fff; }
