
/* Diagnex SEO release: accessible, crawlable contextual navigation */
/* Diagnex navigation fix 2026-10-28: one positioning owner.
   The menu belongs to the shared header grid, not the tiny Services list item.
   No JS coordinates or horizontal transform. This wins over legacy page styles. */
@media (min-width:1181px) {
  .site-header.site-header--uniform .navwrap {
    position: relative !important;
  }
  .site-header.site-header--uniform .nav-item.has-mega {
    position: static !important;
  }
  .site-header.site-header--uniform .nav-item.has-mega .dx-services-mega {
    position: absolute !important;
    top: calc(100% - 2px) !important;
    left: auto !important;
    right: 0 !important;
    width: min(620px, calc(100vw - 48px)) !important;
    max-width: calc(100vw - 48px) !important;
    box-sizing: border-box !important;
    transform: translateY(6px) !important;
    transition: opacity .16s ease, transform .16s ease, visibility .16s ease !important;
  }
  .site-header.site-header--uniform .nav-item.has-mega.open .dx-services-mega {
    transform: translateY(0) !important;
  }
  .site-header.site-header--uniform .nav-item.has-mega .dx-services-mega::before {
    content: "";
    position: absolute;
    top: -22px;
    left: 46%;
    right: 23%;
    height: 24px;
    background: transparent;
  }
}

.dx-contextual{padding:54px 0 60px;background:#f6f8fd;border-top:1px solid #e3e9f2}
.dx-contextual-head{max-width:760px;margin-bottom:22px}
.dx-contextual-head>span{display:block;text-transform:uppercase;letter-spacing:.085em;font-size:11px;font-weight:850;color:#3156c8;margin-bottom:8px}
.dx-contextual-head h2{font-size:clamp(23px,3.2vw,34px);line-height:1.18;color:#071658;letter-spacing:-.025em;margin:0 0 8px}
.dx-contextual-head p{font-size:14px;line-height:1.6;color:#5e6c86;margin:0}
.dx-contextual-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.dx-contextual-grid a{color:#142862;display:flex;justify-content:space-between;gap:10px;align-items:center;background:#fff;border:1px solid #dce4f1;border-radius:13px;padding:15px 16px;font-size:13px;line-height:1.45;font-weight:750;transition:border-color .2s,transform .2s;text-decoration:none}
.dx-contextual-grid a:hover,.dx-contextual-grid a:focus-visible{border-color:#3156c8;transform:translateY(-1px)}
.dx-contextual-grid a span{color:#3156c8;flex:0 0 auto}
.dx-editorial-meta{color:inherit;text-decoration:underline;text-underline-offset:3px}
.dx-article-policy{margin:58px 0 8px;padding:22px 26px;border:1px solid #dce4f1;border-radius:18px;background:#f8faff;font-size:14px;line-height:1.7}
.dx-article-policy strong{color:#071658;display:block;margin-bottom:8px}
.dx-article-policy p{font-size:14px;line-height:1.7;margin:0}
@media(max-width:820px){.dx-contextual-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.dx-contextual{padding:42px 0}.dx-contextual-grid{grid-template-columns:1fr}}
