/* A disclosure keeps the overview link and topic navigation independent. */
.nav-solutions { position: relative; flex: 0 0 auto; }
.nav-solutions-label { display: flex; align-items: center; }
body[data-page] .site-header .site-nav .nav-solutions-label .nav-link { padding-right: 0; }
.nav-topics-toggle { display: grid; place-items: center; width: 44px; height: 52px; padding: 0; border: 0; border-radius: 2px; color: #344b60; background: transparent; cursor: pointer; }
.nav-topics-toggle:hover, .nav-topics-toggle[aria-expanded="true"] { color: #155db1; background: #f3f6f9; }
.nav-topics-toggle svg { transition: transform 160ms ease; }
.nav-topics-toggle[aria-expanded="true"] svg { transform: rotate(180deg); }
.nav-topics-toggle:focus-visible { outline: 2px solid #155db1; outline-offset: -3px; }
body[data-page] .site-header .site-nav .nav-solutions[data-active="true"] .nav-link { color: #155db1; }
.nav-topics-menu { position: absolute; z-index: 110; top: calc(100% + 18px); left: 6px; width: 244px; margin: 0; padding: 8px; list-style: none; background: #fff; border: 1px solid #dce3e9; border-radius: 4px; box-shadow: 0 16px 36px -18px #19344f40; }
.nav-topics-menu[hidden] { display: none; }
.nav-topics-menu li + li { border-top: 1px solid #edf0f3; }
.nav-topics-menu a { display: flex; align-items: center; min-height: 48px; padding: 12px 16px; color: #203649; text-decoration: none; font-family: var(--site-header-font); line-height: 1.6; }
.nav-topics-menu a:hover, .nav-topics-menu a[aria-current="page"] { color: #155db1; background: #f4f7fa; }
.nav-topics-menu a:focus-visible { outline: 2px solid #155db1; outline-offset: -2px; }
.nav-topics-menu span { font-size: 16px; font-weight: 400; }
@media (max-width: 1060px) {
  .nav-solutions { width: 100%; }
  .nav-solutions-label { display: grid; grid-template-columns: minmax(0, 1fr) 48px; border-bottom: 1px solid #e2e9f0; }
  .js body[data-page] .site-header .site-nav .nav-solutions-label .nav-link { border-bottom: 0; }
  .nav-topics-toggle { width: 48px; height: 56px; }
  .nav-topics-menu { position: static; width: 100%; padding: 4px 12px 12px; border: 0; border-radius: 0; box-shadow: none; background: #f5f7f9; }
  .nav-topics-menu a { padding: 14px; }
}
@media (prefers-reduced-motion: reduce) {
  .nav-topics-toggle svg { transition: none; }
}