/*! NBC v6.506 · R3 · Diagnose path + single mobile navigation icon contract */

/* One dropdown indicator only. Earlier layers combined a drawn chevron with +/- content. */
@media (max-width:1180px){
  body.page.design-system-executive .site-header nav #menu.open .nav-summary::after{
    content:""!important;
    display:block!important;
    flex:0 0 9px!important;
    width:9px!important;
    height:9px!important;
    margin:0 4px 0 14px!important;
    border:0!important;
    border-right:1.5px solid rgba(145,212,159,.9)!important;
    border-bottom:1.5px solid rgba(145,212,159,.9)!important;
    background:none!important;
    transform:rotate(45deg)!important;
    transform-origin:50% 50%!important;
    transition:transform .18s ease!important;
    font-size:0!important;
    line-height:0!important;
    box-shadow:none!important;
  }
  body.page.design-system-executive .site-header nav #menu.open details[open]>.nav-summary::after{
    content:""!important;
    transform:rotate(225deg)!important;
  }
  /* JS used to write ☰/✕ into the button while CSS draws the same state. Hide the text glyph. */
  body.page.design-system-executive .burger{
    font-size:0!important;
    line-height:0!important;
    color:var(--paper)!important;
  }
  body.page.design-system-executive .burger::before,
  body.page.design-system-executive .burger::after{
    width:18px!important;
    height:1.5px!important;
    left:50%!important;
    top:50%!important;
    margin:0!important;
    background:currentColor!important;
    border:0!important;
  }
  body.page.design-system-executive .site-header nav #menu.open .nav-summary{
    padding-right:3px!important;
  }
}

/* Diagnose is a primary navigation path, not a knowledge sub-item. */
body.page.design-system-executive .site-header nav a[href="/diagnose"][aria-current="page"]{color:var(--green)}

/* Homepage handoff: Barometer remains the flagship, Diagnose reveals the full instrument room. */
body.page-home .home-flagship__after a[href="/diagnose"]{color:var(--green);text-decoration:none;font-weight:700}
@media (max-width:760px){
  body.page-home .m2-baro__diagnose{
    display:flex;
    min-height:44px;
    align-items:center;
    justify-content:center;
    margin-top:7px;
    color:rgba(244,242,237,.68);
    font-size:13px;
    font-weight:650;
    text-decoration:none;
  }
}

/* Diagnose 2+3 instrument room: quieter hierarchy around the tools, stronger tool distinction. */
body.page-diagnose [data-r3-diagnose-hub="true"] .dx-hero{border-bottom:1px solid rgba(247,245,242,.08)}
body.page-diagnose [data-r3-diagnose-hub="true"] .dx-primary{background:linear-gradient(180deg,rgba(8,16,11,.96),rgba(10,20,14,.92))}
body.page-diagnose [data-r3-diagnose-hub="true"] .dx-primary-grid{gap:18px}
body.page-diagnose [data-r3-diagnose-hub="true"] .dx-tool{
  border-color:rgba(247,245,242,.12);
  background:radial-gradient(circle at 92% 8%,rgba(139,207,154,.075),transparent 34%),rgba(255,255,255,.018);
}
body.page-diagnose [data-r3-diagnose-hub="true"] .dx-depth{
  background:linear-gradient(180deg,rgba(7,13,9,.96),rgba(7,12,9,.99));
}
body.page-diagnose [data-r3-diagnose-hub="true"] .dx-depth-grid{gap:12px}
body.page-diagnose [data-r3-diagnose-hub="true"] .dx-depth-card{
  min-height:390px;
  border-color:rgba(247,245,242,.1);
  background:rgba(255,255,255,.018);
}
body.page-diagnose [data-r3-diagnose-hub="true"] .dx-depth-card:hover{
  border-color:rgba(139,207,154,.32);
  background:rgba(139,207,154,.035);
}
body.page-diagnose [data-r3-diagnose-hub="true"] .dx-outcome{border-top:1px solid rgba(247,245,242,.08)}

@media (max-width:760px){
  body.page-diagnose [data-r3-diagnose-hub="true"] .dx-hero-signal{display:none!important}
  body.page-diagnose [data-r3-diagnose-hub="true"] .dx-hero-grid{display:block!important}
  body.page-diagnose [data-r3-diagnose-hub="true"] .dx-primary,
  body.page-diagnose [data-r3-diagnose-hub="true"] .dx-depth{padding-block:64px!important}
  body.page-diagnose [data-r3-diagnose-hub="true"] .dx-section-head{margin-bottom:26px!important}
  body.page-diagnose [data-r3-diagnose-hub="true"] .dx-primary-grid,
  body.page-diagnose [data-r3-diagnose-hub="true"] .dx-depth-grid{
    gap:12px!important;
    padding-right:var(--m-gutter,20px)!important;
    scroll-padding-left:0;
  }
  body.page-diagnose [data-r3-diagnose-hub="true"] .dx-primary-grid>*{flex-basis:min(86vw,342px)!important}
  body.page-diagnose [data-r3-diagnose-hub="true"] .dx-depth-grid>*{flex-basis:min(82vw,326px)!important}
  body.page-diagnose [data-r3-diagnose-hub="true"] .dx-depth-card{min-height:350px!important}
  body.page-diagnose [data-r3-diagnose-hub="true"] .dx-tool-copy h3,
  body.page-diagnose [data-r3-diagnose-hub="true"] .dx-depth-copy h3{font-size:23px!important;line-height:1.06!important}
  body.page-diagnose [data-r3-diagnose-hub="true"] .dx-outcome{padding-block:68px!important}
}

@media (prefers-reduced-motion:reduce){
  body.page.design-system-executive .site-header nav #menu.open .nav-summary::after{transition:none!important}
}
