/* Native navigation, shared by all page types, including the homepage. */
.parity-desktop-header > .container {
    display: flex; align-items: center; gap: 16px;
    max-width: calc(100% - 40px); height: 100%;
}
.parity-desktop-header > .container > a { flex: 0 0 auto; margin: 0; }
.parity-desktop-header > .container > a > img { float: none; margin-top: 0; }
.parity-desktop-header > .container > .nav {
    flex: 0 1 auto; width: auto; min-width: 0; margin: 0 0 0 auto;
}
.parity-desktop-header > .container > .nav > ul {
    width: auto; justify-content: flex-start;
}
.parity-desktop-header > .container > .nav > ul > li { margin-right: 0; }
.parity-desktop-header > .container > .nav > ul > li.service-mega-root {
    flex-shrink: 1; min-width: 0; max-width: 210px;
}
.parity-desktop-header > .container > .nav > ul > li.service-mega-root > a {
    display: flex; align-items: center; min-height: 100px;
    line-height: 1.5; white-space: normal; overflow-wrap: anywhere;
}
.parity-desktop-header .parity-service-menu.parity-keyboard-open > .two { display: block !important; }
.parity-desktop-header .parity-service-menu > .two > .container {
    display: flex; align-items: center; gap: 32px;
    max-width: calc(100% - 40px); padding-block: 30px;
}
.parity-desktop-header .parity-service-menu .twol { flex: 1; min-width: 0; float: none; margin: 0; }
.parity-desktop-header .parity-service-menu .twol .tit { line-height: 1.4; overflow-wrap: anywhere; }
.parity-desktop-header .parity-service-menu .twol .text {
    display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px 24px; margin-top: 24px; overflow: visible;
}
.parity-desktop-header .parity-service-menu .twol .text span {
    display: block; float: none; min-width: 0; margin: 0; padding: 0;
    border: 0; line-height: 1.5;
}
.parity-desktop-header .parity-service-menu .twol .text a {
    display: block; white-space: normal; overflow-wrap: anywhere;
}
.parity-desktop-header .parity-service-menu .twor {
    flex: 0 1 34%; min-width: 0; float: none; margin: 0;
}
.parity-desktop-header .parity-service-menu .twor img { max-width: 100%; object-fit: contain; }
#parity-mobile-menu { box-sizing: border-box; max-height: calc(100vh - 60px); max-height: calc(100dvh - 60px); overflow-y: auto; overscroll-behavior: contain; padding-bottom: 110px; }
#parity-mobile-menu > ul > li.parity-service-menu { position: relative; }
#parity-mobile-menu > ul > li.parity-service-menu > a {
    box-sizing: border-box; padding-right: 56px; padding-block: 15px;
    line-height: 1.5; white-space: normal; overflow-wrap: anywhere;
}
#parity-mobile-menu .parity-service-toggle {
    position: absolute; right: 0; top: 3px; width: 44px; height: 44px;
    margin: 0; padding: 0; border: 0; background: transparent;
    color: inherit; font: inherit; font-size: 25px; cursor: pointer;
}
#parity-mobile-menu .parity-service-toggle span { color: #fff; }
#parity-mobile-menu .parity-service-menu > .two[hidden] { display: none !important; }
#parity-mobile-menu .parity-service-menu > .two:not([hidden]) { display: block !important; height: auto !important; }
#parity-mobile-menu .parity-service-menu > .two a {
    display: block; white-space: normal; overflow-wrap: anywhere;
    line-height: 1.5; padding-block: 12px;
}
.parity-desktop-header .parity-service-menu a:focus-visible,
#parity-mobile-menu .parity-service-menu a:focus-visible,
#parity-mobile-menu .parity-service-toggle:focus-visible,
.header [aria-controls="parity-mobile-menu"]:focus-visible {
    outline: 2px solid currentColor; outline-offset: -3px;
}
