/* Shared, high-contrast navigation for phones, tablets and desktop. */
.site-header .primary-nav .nav-category { --menu-accent: #70c7ef; --menu-heading: #123f60; --menu-card: #163e5c; }
.site-header .primary-nav .menu-services { --menu-accent: #79dbce; --menu-heading: #075c68; --menu-card: #104953; }
.site-header .primary-nav .menu-about { --menu-accent: #d0b8f3; --menu-heading: #514274; --menu-card: #3f365c; }
.site-header .primary-nav .nav-category-heading { background: var(--menu-heading); border: 1px solid var(--menu-accent); border-radius: 9px; overflow: hidden; }
.site-header .primary-nav .nav-overview-link { padding: 11px 12px; color: #fff; font-weight: 800; line-height: 1.4; text-decoration: none; }
.site-header .primary-nav .submenu-toggle { min-width: 36px; min-height: 44px; background: #ffffff0b; color: #fff; border-left: 1px solid #ffffff40; font-size: 1.25rem; font-weight: 850; }
.site-header .primary-nav .nav-overview-link:hover, .site-header .primary-nav .submenu-toggle:hover { color: #fff5cf; background: #ffffff14; }
.site-header .primary-nav .submenu-toggle[aria-expanded="true"] { background: #ffffff20; color: #fff5cf; }
.site-header .primary-nav .nav-overview-link[aria-current="page"] { color: #fff5cf; text-decoration: underline; text-underline-offset: 5px; }
.site-header .primary-nav .nav-category > .dropdown { left: 0; padding: 12px; background: #0b253a; border: 1px solid #5c8195; border-top: 4px solid var(--menu-accent); border-radius: 10px; box-shadow: 0 16px 35px #04132140; }
.site-header .primary-nav .dropdown > a { margin: 0 0 9px; padding: 13px; background: var(--menu-card); border: 1px solid #7895a8; border-left: 4px solid var(--menu-accent); border-radius: 9px; color: #fff; }
.site-header .primary-nav .dropdown > a:last-child { margin-bottom: 0; }
.site-header .primary-nav .dropdown > a strong { color: #fff; font-size: .98rem; font-weight: 800; line-height: 1.4; }
.site-header .primary-nav .dropdown > a small { color: #deedf5; font-size: .87rem; font-weight: 550; line-height: 1.5; }
.site-header .primary-nav .dropdown > a:hover { background: #245972; border-color: #b5e9f6; }
.site-header .primary-nav .dropdown > a[aria-current="page"] { background: #245972; border-left-color: #f2cb69; box-shadow: inset 0 0 0 1px #f2cb69; }
.site-header .primary-nav .dropdown > a[aria-current="page"] strong { color: #fff5cf; }
.site-header .primary-nav .dropdown > .smarter-menu-link { background: #fff0c9; border-color: #e2c173; border-left-color: #c38218; margin-top: 12px; }
.site-header .primary-nav .dropdown > .smarter-menu-link strong, .site-header .primary-nav .dropdown > .smarter-menu-link small { color: #123047; }
.site-header .primary-nav .dropdown > .smarter-menu-link:hover { background: #ffe4a4; }
.site-header .primary-nav .nav-overview-link:focus-visible, .site-header .primary-nav .submenu-toggle:focus-visible, .site-header .primary-nav .dropdown > a:focus-visible { outline: 3px solid #ffd66b; outline-offset: -4px; }
@media (max-width: 820px) {
 .site-header .primary-nav { background: #071d2d; padding: 16px 18px max(32px, env(safe-area-inset-bottom)); }
 .site-header .primary-nav > a { color: #fff; padding: 18px 14px; margin-bottom: 10px; border: 1px solid #517187; border-radius: 9px; background: #123449; font-size: 1.06rem; font-weight: 750; line-height: 1.5; }
 .site-header .primary-nav > a:hover, .site-header .primary-nav > a:focus-visible { background: #245972; color: #fff5cf; }
 .site-header .primary-nav > a[aria-current="page"] { color: #fff5cf; border-left: 4px solid #f2cb69; }
 .site-header .primary-nav .nav-category { margin-bottom: 12px; }
 .site-header .primary-nav .nav-category-heading { min-height: 60px; }
 .site-header .primary-nav .nav-overview-link { padding: 17px 14px; font-size: 1.1rem; }
 .site-header .primary-nav .submenu-toggle { min-width: 56px; min-height: 60px; font-size: 1.5rem; flex-shrink: 0; }
 .site-header .primary-nav .nav-category > .dropdown { margin-top: 8px; padding: 10px; width: 100%; max-width: 100%; border-top-width: 2px; box-shadow: none; }
 .site-header .primary-nav .dropdown > a.visual-menu-link { grid-template-columns: 56px minmax(0,1fr); column-gap: 12px; padding: 14px 10px; min-height: 80px; }
 .site-header .primary-nav .dropdown > a strong { font-size: 1rem; }
 .site-header .primary-nav .dropdown > a small { font-size: .92rem; }
 .site-header .primary-nav .nav-link-copy { overflow-wrap: break-word; }
 .site-header .primary-nav .dropdown > a:focus-visible, .site-header .primary-nav > a:focus-visible { outline: 3px solid #ffd66b; outline-offset: -4px; }
 .site-header .nav-toggle[aria-expanded="true"] { background: #123f60; border: 2px solid #075c68; }
 .site-header .nav-toggle[aria-expanded="true"] > span:not(.sr-only) { background: #fff; }
}