/* v10 interaction polish. Existing layout, divider rules and rendered media stay intact. */
#industry-workflow-b .industry-explore:is(:hover,:focus-visible),
#industry-workflow-b .industry-route-detail a:is(:hover,:focus-visible),
#starting-point-guidance .refinement-link:is(:hover,:focus-visible),
#starting-point-guidance .refinement-choice:is(:hover,:focus-visible) .refinement-link,
#insights-a .insight-story:is(:hover,:focus-visible) .read-link,
#learning-a .resource-pair h4 a:is(:hover,:focus-visible){
  text-decoration:none;
  background:var(--grad)!important;
  background-clip:text!important;
  -webkit-background-clip:text!important;
  color:transparent!important;
  -webkit-text-fill-color:transparent!important;
  border-bottom-color:var(--ink);
  text-shadow:0 0 16px #00e5cc30;
}

/* All nav triggers disclose the same panel. The selected accent uses the full brand gradient. */
#header-system .category-open{position:relative;text-decoration:none}
#header-system .category-open::after{content:"";position:absolute;left:0;right:0;bottom:11px;height:1px;background:var(--grad);transform:scaleX(0);transform-origin:left;transition:transform .18s ease}
#header-system .category-open:is(:hover,:focus-visible,[aria-expanded="true"]){text-decoration:none}
#header-system .category-open:is(:hover,:focus-visible,[aria-expanded="true"])::after{transform:scaleX(1)}
#header-system .assessment-link.btn:is(:hover,:focus-visible){text-decoration:none}

/* Keep each link's original divider; use its row as the hover/focus surface. */
#menu-panel .route-list a,
#menu-panel .group-overview,
#menu-panel .menu-extras a{text-decoration:none;transition:background-color .15s,color .15s}
#menu-panel .route-list a:is(:hover,:focus-visible),
#menu-panel .group-overview:is(:hover,:focus-visible),
#menu-panel .menu-extras a:is(:hover,:focus-visible){background:#0a0a0a;color:#fff;-webkit-text-fill-color:#fff;text-decoration:none;box-shadow:-8px 0 #0a0a0a,8px 0 #0a0a0a}
#menu-panel .route-list a:is(:hover,:focus-visible) .route-arrow,
#menu-panel .group-overview:is(:hover,:focus-visible)>span,
#menu-panel .menu-extras a:is(:hover,:focus-visible)>span{background:var(--grad);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}

/* Reuse the existing filled-button treatment and click handler. */
#menu-panel .assessment-link.btn{height:auto;min-height:54px;padding:0 26px;gap:20px;border:2px solid var(--ink);background:var(--grad);color:var(--ink);font:800 italic 15px/1.2 Barlow,'Barlow Condensed',sans-serif;letter-spacing:.12em;text-transform:uppercase;text-decoration:none}
#menu-panel .assessment-link.btn:is(:hover,:focus-visible){text-decoration:none}
@media(prefers-reduced-motion:reduce){#header-system .category-open::after,#menu-panel .route-list a,#menu-panel .group-overview,#menu-panel .menu-extras a{transition:none}}