/* Scale Xpert v0.4.36 - deterministic SEO flyout and interactive dashboard tooltip */
@media (min-width:801px){
  /* v0.4.34/v0.4.35 used :hover/:focus-within directly. Force the flyout closed
     unless the pointer is actually over the SEO Articles parent/flyout and JS has
     set flyout-open. This prevents an active/focused SEO link from pinning it open. */
  #app .sx-nav-group>.sx-nav-children,
  #app .sx-nav-group:hover>.sx-nav-children,
  #app .sx-nav-group:focus-within>.sx-nav-children,
  #app .sx-nav-group:focus-within:not(:hover)>.sx-nav-children{display:none!important}
  #app .sx-nav-group.flyout-open>.sx-nav-children{display:grid!important;gap:3px!important}
}

/* The dashboard chart now exposes the exact daily values on hover. */
#app .sx-chart-hover-layer{pointer-events:all!important}
#app .sx-chart-hover{pointer-events:all!important}
#app .sx-chart-hit{fill:transparent!important;stroke:none!important;pointer-events:all!important;cursor:crosshair!important}
#app .sx-chart-hover-line{display:none;stroke:#9aa5b5!important;stroke-width:1!important;stroke-dasharray:3 3!important;pointer-events:none!important}
#app .sx-chart-hover-dot{display:none;stroke:#fff!important;stroke-width:2!important;pointer-events:none!important}
#app .sx-chart-hover-dot.impressions{fill:#a5a1cf!important}
#app .sx-chart-hover-dot.clicks{fill:#2f7ed8!important}
#app .sx-chart-hover-dot.pageviews{fill:#f28c2b!important}
#app .sx-chart-tooltip-card{display:none;pointer-events:none!important;filter:drop-shadow(0 7px 14px rgba(23,34,53,.14))}
#app .sx-chart-tooltip-card rect{fill:#fff!important;stroke:#dfe5ed!important;stroke-width:1!important}
#app .sx-chart-tooltip-date{fill:#1f2937!important;font-size:10px!important;font-weight:700!important}
#app .sx-chart-tooltip-row{fill:#596579!important;font-size:9px!important;font-weight:500!important}
#app .sx-chart-hover:hover .sx-chart-hover-line,
#app .sx-chart-hover:hover .sx-chart-hover-dot,
#app .sx-chart-hover:hover .sx-chart-tooltip-card{display:block!important}