/* ==========================================================================
   site-chrome/header.css — the HOMEPAGE header, for every other page.
   2026-09-20, on "my home page header and footer same apply in all pages".

   What it is: every CSS rule that styles the header on index.html, lifted out
   of the homepage's own sheets in their homepage cascade order (index.html
   <style>, site-nav/*, site/*, home-system/home.css). Each selector is pinned
   to the header with :where(header.bar, header.bar *), which adds no
   specificity, so the rules keep their homepage ranking among themselves and
   cannot touch anything outside the header. The homepage tokens the header
   reads (and what <html>/<body> hand down to it) are set on the header itself
   through :where(header.bar), so an inner page's own :root values stay put.

   Linked LAST in <head> on the five inner pages. index.html does not load it —
   the homepage's own sheets are its source. If the homepage header changes,
   rebuild this file from index.html (same method), don't hand-patch both.
   Two edits on top of the lift: the first block ("inner-page leftovers")
   cancels the few inner-page rules the homepage never sets, and the homepage's
   [href="contact-us.html"] tab rules are keyed on [data-label="Contact Us"]
   so they still hold on the Contact page, where that tab's href is "#".
   The markup side (same header block, data-t on every section link, and
   home-system/peek.js after the header for the phone section row) lives in
   each page.
   ========================================================================== */

/* ---- inner-page leftovers -------------------------------------------------
   Rules the inner pages' own sheets put on header parts that the homepage never
   sets (about/_shell.css, site/ds.css: .wm{min-width:0;overflow:hidden} and
   img,svg{max-width:100%;display:block}). Same specificity as those rules and
   placed BEFORE the homepage rules below, so this file wins over them while the
   homepage's own rules still win over this. */
.wm:where(header.bar *) { min-width: auto; overflow: visible; }
svg:where(header.bar *) { max-width: none; display: inline; }


/* ---- from index.html <style> ---- */
:where(header.bar) { color-scheme: light; --paper: #FFFFFF; --ink: #0B0D12; --ink-2: #3A414C; --ink-3: #767E8B; --ink-4: #A7AEB9; --line: #E3E6EB; --line-2: #EFF1F4; --g-blue: #1A73E8; --g-green: #188038; --accent: var(--g-blue); --navy: #0F1B3D; --sans: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", Arial, sans-serif; --mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace; --pad: clamp(18px, 4vw, 72px); --maxw: clamp(1280px, 80vw, 1920px); --grid-edge: max(var(--pad), calc((100% - var(--maxw)) / 2)); }
*:where(header.bar, header.bar *) { box-sizing: border-box; }
:where(header.bar) { color: var(--ink); font-family: var(--sans); -webkit-font-smoothing: antialiased; }
a:where(header.bar, header.bar *) { color: inherit; text-decoration: none; }
a:focus-visible:where(header.bar, header.bar *),
button:focus-visible:where(header.bar, header.bar *) { outline: 2px solid var(--accent); outline-offset: 3px; }
button:where(header.bar, header.bar *) { font: inherit; }
.bar:where(header.bar, header.bar *) { position: fixed; inset: 0px 0px auto; z-index: 60; flex: 0 0 auto; display: flex; align-items: center; gap: clamp(14px, 2.2vw, 34px); padding: 15px var(--grid-edge); border-bottom: 1px solid var(--line-2); background: var(--paper); }
.wm:where(header.bar, header.bar *) { display: flex; align-items: center; font-size: 16px; font-weight: 800; letter-spacing: -0.035em; white-space: nowrap; color: var(--navy); }
.mark:where(header.bar, header.bar *) { flex: 0 0 auto; display: block; width: 36px; height: 36px; margin-right: 11px; }
.mark svg:where(header.bar, header.bar *) { display: block; width: 100%; height: 100%; }
.nav:where(header.bar, header.bar *) { margin-left: auto; display: flex; gap: clamp(14px, 2vw, 30px); font-size: 13.5px; font-weight: 500; color: var(--ink-2); }
.nav a:where(header.bar, header.bar *) { position: relative; padding: 3px 0px; transition-property: color; transition-duration: 0.18s; transition-timing-function: ease; transition-delay: 0s; transition-behavior: normal; }
.nav a:where(header.bar, header.bar *)::after { content: ""; position: absolute; left: 0px; right: 100%; bottom: 0px; height: 1.5px; background: var(--accent); transition-property: right; transition-duration: 0.24s; transition-timing-function: ease; transition-delay: 0s; transition-behavior: normal; }
.nav a:hover:where(header.bar, header.bar *) { color: var(--ink); }
.nav a:hover:where(header.bar, header.bar *)::after { right: 0px; }
@media (max-width: 900px) {
.nav:where(header.bar, header.bar *) { display: none; }
}
@media (prefers-reduced-motion: reduce) {
*:where(header.bar, header.bar *) { transition-property: none !important; transition-duration: 0s !important; transition-timing-function: ease !important; transition-delay: 0s !important; transition-behavior: normal !important; }
}
@media (prefers-reduced-motion: reduce) {
*:where(header.bar, header.bar *) { transition-property: none !important; transition-duration: 0s !important; transition-timing-function: ease !important; transition-delay: 0s !important; transition-behavior: normal !important; }
}
.bar:where(header.bar, header.bar *) { padding: 13px var(--grid-edge); }
.baract:where(header.bar, header.bar *) { display: flex; align-items: center; gap: 10px; margin-left: clamp(14px, 2.2vw, 34px); }
.barmenu:where(header.bar, header.bar *) { display: none; width: 36px; height: 36px; align-items: center; justify-content: center; border: 1px solid var(--line); border-radius: 9px; background: var(--paper); color: var(--ink-2); cursor: pointer; transition-property: border-color, color; transition-duration: 0.16s, 0.16s; transition-timing-function: ease, ease; transition-delay: 0s, 0s; transition-behavior: normal, normal; }
.barmenu svg:where(header.bar, header.bar *) { width: 17px; height: 17px; stroke: currentcolor; fill: none; stroke-width: 1.8; stroke-linecap: round; }
.barmenu:hover:where(header.bar, header.bar *) { border-color: var(--ink-4); color: var(--ink); }
.sitemenu:where(header.bar, header.bar *) { display: inline-flex; align-items: center; gap: 8px; height: 36px; padding: 0px 14px; border: 1px solid var(--line); border-radius: 8px; background: var(--paper); font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 13px; font-weight: 650; color: var(--ink-2); cursor: pointer; white-space: nowrap; transition-property: border-color, color, background; transition-duration: 0.16s, 0.16s, 0.16s; transition-timing-function: ease, ease, ease; transition-delay: 0s, 0s, 0s; transition-behavior: normal, normal, normal; }
.sitemenu svg:where(header.bar, header.bar *) { width: 16px; height: 16px; flex: 0 0 auto; fill: none; stroke: currentcolor; stroke-width: 1.9; stroke-linecap: round; transition-property: transform; transition-duration: 0.2s; transition-timing-function: ease; transition-delay: 0s; transition-behavior: normal; }
.sitemenu:hover:where(header.bar, header.bar *) { border-color: var(--ink-4); color: var(--ink); }
.sitemenu[aria-expanded="true"]:where(header.bar, header.bar *) { border-color: var(--ink); color: var(--ink); background: var(--ground); }
.nd-p:where(header.bar, header.bar *) { display: none; }
.nd[data-open="true"] .nd-p:where(header.bar, header.bar *) { display: grid; position: absolute; top: 100%; right: var(--grid-edge); z-index: 61; margin-top: 12px; padding: 24px 26px; width: min(620px, calc(100vw - 2 * var(--pad))); grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 4px clamp(20px, 3vw, 44px); background: var(--paper); border: 1px solid var(--line); border-radius: 16px; box-shadow: rgba(11, 13, 18, 0.05) 0px 2px 8px, rgba(15, 27, 61, 0.22) 0px 26px 60px -18px; }
.nd-h:where(header.bar, header.bar *) { margin: 0px 0px 12px; font-family: var(--mono); font-size: 10.5px; letter-spacing: 0.2em; text-transform: uppercase; color: var(--ink-4); font-weight: 500; }
.nd-p ul:where(header.bar, header.bar *) { margin: 0px; padding: 0px; list-style: none; display: flex; flex-direction: column; gap: 2px; }
.nd-p li:where(header.bar, header.bar *) { display: flex; }
.nd-p a:where(header.bar, header.bar *),
.nd-na:where(header.bar, header.bar *) { display: inline-flex; align-items: flex-start; gap: 8px; width: 100%; padding: 8px 10px; margin-left: -10px; border-radius: 8px; font-size: 14px; font-weight: 550; color: var(--ink-2); line-height: 1.35; }
.nd-p a:where(header.bar, header.bar *)::after { display: none; }
.nd-p a:hover:where(header.bar, header.bar *) { background: var(--ground); color: var(--ink); }
.nd-na:where(header.bar, header.bar *) { color: var(--ink-4); cursor: default; }
.nd-live:where(header.bar, header.bar *) { width: 6px; height: 6px; flex: 0 0 auto; margin-top: 6px; border-radius: 50%; background: var(--g-green); box-shadow: rgba(52, 168, 83, 0.16) 0px 0px 0px 3px; }
.nd-soon:where(header.bar, header.bar *) { flex: 0 0 auto; margin-top: 1px; padding: 2px 7px; border-radius: 5px; border: 1px solid var(--line); font-family: var(--mono); font-size: 9px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--ink-4); font-weight: 500; }
.nd-p a:has(.nd-live):where(header.bar, header.bar *) { font-weight: 650; color: var(--ink); }
@media (max-width: 900px) {
.barmenu:where(header.bar, header.bar *) { display: flex; }
}
@media (max-width: 900px) {
.nav:where(header.bar, header.bar *) { display: none; position: absolute; top: 100%; left: 0px; right: 0px; z-index: 59; flex-direction: column; gap: 0px; margin: 0px; padding: 4px var(--pad) 14px; background: var(--paper); border-bottom: 1px solid var(--line); box-shadow: rgba(11, 13, 18, 0.5) 0px 18px 30px -24px; }
}
@media (max-width: 900px) {
.nav[data-open="true"]:where(header.bar, header.bar *) { display: flex; }
}
@media (max-width: 900px) {
.nav a:where(header.bar, header.bar *) { padding: 12px 0px; font-size: 15.5px; color: var(--ink); border-bottom: 1px solid var(--line-2); }
}
@media (max-width: 900px) {
.nav a:last-child:where(header.bar, header.bar *) { border-bottom: 0px; }
}
@media (max-width: 900px) {
.nav a:where(header.bar, header.bar *)::after { display: none; }
}
@media (max-width: 900px) {
.sitemenu:where(header.bar, header.bar *) { display: none; }
}
@media (max-width: 900px) {
.nd:where(header.bar, header.bar *) { order: -1; width: 100%; }
}
@media (max-width: 900px) {
.nd[data-open="true"] .nd-p:where(header.bar, header.bar *),
.nd .nd-p:where(header.bar, header.bar *) { display: grid; position: static; width: auto; margin: 0px; padding: 0px; grid-template-columns: minmax(0px, 1fr); gap: 0px; background: none; border: 0px; border-radius: 0px; box-shadow: none; }
}
@media (max-width: 900px) {
.nd-h:where(header.bar, header.bar *) { margin: 14px 0px 2px; }
}
@media (max-width: 900px) {
.nd-g:first-child .nd-h:where(header.bar, header.bar *) { margin-top: 4px; }
}
@media (max-width: 900px) {
.nd-p a:where(header.bar, header.bar *),
.nd-na:where(header.bar, header.bar *) { margin-left: 0px; padding: 12px 0px; border-radius: 0px; font-size: 15.5px; }
}
@media (max-width: 900px) {
.nav .nd-p a:where(header.bar, header.bar *),
.nav .nd-p .nd-na:where(header.bar, header.bar *) { border-bottom: 0px; }
}
@media (max-width: 900px) {
.nd-p li:where(header.bar, header.bar *) { border-bottom: 1px solid var(--line-2); }
}
@media (max-width: 900px) {
.nd-p a:where(header.bar, header.bar *) { color: var(--ink); }
}
@media (max-width: 900px) {
.nd-p a:hover:where(header.bar, header.bar *) { background: none; }
}
@media (max-width: 900px) {
.nd-live:where(header.bar, header.bar *) { margin-top: 8px; }
}
@media (max-width: 900px) {
.nd-soon:where(header.bar, header.bar *) { margin-top: 3px; }
}
@media (max-width: 430px) {
.bar:where(header.bar, header.bar *) { padding: 12px 14px; gap: 10px; }
}
@media (max-width: 430px) {
.wm:where(header.bar, header.bar *) { font-size: 14.5px; }
}
@media (max-width: 430px) {
.mark:where(header.bar, header.bar *) { width: 31px; height: 31px; margin-right: 9px; }
}
@media (max-width: 430px) {
.baract:where(header.bar, header.bar *) { gap: 8px; margin-left: 8px; }
}
@media (max-width: 430px) {
.barmenu:where(header.bar, header.bar *) { width: 34px; height: 34px; }
}
@media (max-width: 760px) {
:where(header.bar) { --gut: 18px; }
}
@media (max-width: 760px) {
.wm:where(header.bar, header.bar *) { flex: 0 1 auto; min-width: 0px; overflow: hidden; }
}
@media (max-width: 760px) {
.baract:where(header.bar, header.bar *) { flex: 0 0 auto; }
}
@media (max-width: 760px) {
@media (max-width: 400px) {
.bar:where(header.bar, header.bar *) { padding: 12px; gap: 8px; }
}
}
@media (max-width: 760px) {
@media (max-width: 400px) {
.wm:where(header.bar, header.bar *) { font-size: 13.5px; }
}
}
@media (max-width: 760px) {
@media (max-width: 400px) {
.mark:where(header.bar, header.bar *) { width: 28px; height: 28px; margin-right: 8px; }
}
}
@media (max-width: 760px) {
@media (max-width: 400px) {
.baract:where(header.bar, header.bar *) { gap: 6px; margin-left: 6px; }
}
}
@media (max-width: 760px) {
@media (max-width: 400px) {
.barmenu:where(header.bar, header.bar *) { width: 33px; height: 33px; }
}
}
@media (min-width: 1281px) {
:where(header.bar) { --wpad: clamp(28px, 3.6vw, 58px); }
}
@media (min-width: 1281px) {
.bar:where(header.bar, header.bar *) { padding: 16px var(--wpad); }
}
@media (min-width: 1281px) {
.wm:where(header.bar, header.bar *) { font-size: 17.5px; }
}
@media (min-width: 1281px) {
.mark:where(header.bar, header.bar *) { width: 40px; height: 40px; margin-right: 12px; }
}
@media (min-width: 1281px) {
.nav:where(header.bar, header.bar *) { font-size: 14.5px; gap: clamp(16px, 2vw, 32px); }
}

/* ---- from site-nav/nav.css ---- */
.bar:where(header.bar, header.bar *) { position: fixed; inset: 0px 0px auto; z-index: 60; display: block; padding: 0px; background: var(--paper); border-bottom: 1px solid var(--line-2); }
.bar:where(header.bar, header.bar *) { --nav-gutter: clamp(18px, 4vw, 72px); }
@media (min-width: 1281px) {
.bar:where(header.bar, header.bar *) { --nav-gutter: clamp(28px, 3.6vw, 58px); }
}
.brow:where(header.bar, header.bar *) { display: flex; align-items: center; gap: clamp(14px, 2.2vw, 34px); padding: 14px var(--nav-gutter) 0; }
.wm:where(header.bar, header.bar *) { display: flex; align-items: center; flex: 0 0 auto; font-size: 16px; font-weight: 800; letter-spacing: -0.035em; white-space: nowrap; color: var(--navy); }
.mark:where(header.bar, header.bar *) { flex: 0 0 auto; display: block; width: 36px; height: 36px; margin-right: 11px; }
.mark svg:where(header.bar, header.bar *) { display: block; width: 100%; height: 100%; }
@media (min-width: 1281px) {
.wm:where(header.bar, header.bar *) { font-size: 17.5px; }
}
@media (min-width: 1281px) {
.mark:where(header.bar, header.bar *) { width: 40px; height: 40px; margin-right: 12px; }
}
.nav:where(header.bar, header.bar *) { margin-left: auto; display: flex; align-items: center; gap: clamp(14px, 2vw, 28px); }
@media (min-width: 1281px) {
.nav:where(header.bar, header.bar *) { margin-right: clamp(0px, 5vw, 90px); }
}
@media (min-width: 1400px) {
.nav:where(header.bar, header.bar *) { margin-right: clamp(90px, 8vw, 170px); }
}
.nav a:not(.ptab):where(header.bar, header.bar *)::after { display: none !important; }
.nav a.ptab:where(header.bar, header.bar *) { position: relative; display: inline-grid; grid-template-areas: "t"; padding: 3px 0px; font-size: 14.5px; font-weight: 650; color: var(--ink-2); white-space: nowrap; letter-spacing: -0.006em; transition-property: color; transition-duration: 0.16s; transition-timing-function: ease; transition-delay: 0s; transition-behavior: normal; }
.nav a.ptab > span:where(header.bar, header.bar *) { grid-area: t; }
.nav a.ptab:where(header.bar, header.bar *)::after { grid-area: t; content: attr(data-label); font-weight: 750; letter-spacing: -0.006em; visibility: hidden; pointer-events: none; position: static; inset: auto; width: auto; height: auto; background: none; }
.nav a.ptab:hover:where(header.bar, header.bar *) { color: var(--ink); }
.nav a.ptab.cur:where(header.bar, header.bar *) { color: var(--navy); font-weight: 750; }
.nav a.ptab.cur:where(header.bar, header.bar *)::before { content: ""; position: absolute; left: 0px; right: 0px; bottom: -4px; height: 2px; border-radius: 2px; background: var(--accent); }
.baract:where(header.bar, header.bar *) { display: flex; align-items: center; gap: 10px; flex: 0 0 auto; margin-left: clamp(10px, 1.6vw, 20px); }
.sitemenu:where(header.bar, header.bar *) { display: inline-flex; align-items: center; gap: 9px; height: 36px; padding: 0px 14px; border: 1px solid var(--line); border-radius: 8px; background: var(--paper); font-size: 13px; font-weight: 650; color: var(--ink-2); cursor: pointer; white-space: nowrap; transition-property: border-color, color; transition-duration: 0.16s, 0.16s; transition-timing-function: ease, ease; transition-delay: 0s, 0s; transition-behavior: normal, normal; }
.sitemenu svg:where(header.bar, header.bar *) { width: 16px; height: 16px; flex: 0 0 auto; fill: none; stroke: currentcolor; stroke-width: 1.9; stroke-linecap: round; }
.sitemenu:hover:where(header.bar, header.bar *) { border-color: var(--ink-4); color: var(--ink); }
.sitemenu[aria-expanded="true"]:where(header.bar, header.bar *) { border-color: var(--ink); color: var(--ink); background: var(--ground, #F4F7FC); }
.barmenu:where(header.bar, header.bar *) { display: none; width: 36px; height: 36px; align-items: center; justify-content: center; border: 1px solid var(--line); border-radius: 8px; background: var(--paper); color: var(--ink-2); cursor: pointer; transition-property: border-color, color; transition-duration: 0.16s, 0.16s; transition-timing-function: ease, ease; transition-delay: 0s, 0s; transition-behavior: normal, normal; }
.barmenu svg:where(header.bar, header.bar *) { width: 18px; height: 18px; stroke: currentcolor; fill: none; stroke-width: 1.8; stroke-linecap: round; }
.barmenu:hover:where(header.bar, header.bar *) { border-color: var(--ink-4); color: var(--ink); }
.krow:where(header.bar, header.bar *) { background: transparent; padding: 13px var(--nav-gutter) 14px; }
@media (min-width: 1281px) {
.krow:where(header.bar, header.bar *) { padding: 15px var(--nav-gutter) 15px; }
}
.kids:where(header.bar, header.bar *) { display: flex; align-items: baseline; justify-content: flex-start; gap: clamp(20px, 2.6vw, 38px); padding-left: var(--home-x, 0px); overflow-x: auto; scrollbar-width: none; }
.kids:where(header.bar, header.bar *)::-webkit-scrollbar { display: none; }
a.kid:where(header.bar, header.bar *) { flex: 0 0 auto; position: relative; white-space: nowrap; font-size: 11.75px; font-weight: 450; letter-spacing: 0.012em; color: var(--ink-3); padding: 0px 0px 3px; transition-property: color; transition-duration: 0.18s; transition-timing-function: ease; transition-delay: 0s; transition-behavior: normal; }
a.kid:hover:where(header.bar, header.bar *) { color: var(--ink-2); }
a.kid.on:where(header.bar, header.bar *) { color: var(--navy); font-weight: 600; }
a.kid.on:where(header.bar, header.bar *)::after { content: ""; position: absolute; left: 0px; right: 0px; bottom: -1px; height: 1.25px; border-radius: 2px; background: var(--accent); }
.nav a.ptab[data-svc] > span:where(header.bar, header.bar *) { display: inline-flex; align-items: center; }
.chev:where(header.bar, header.bar *) { flex: 0 0 auto; width: 9px; height: 6px; margin-left: 5px; fill: none; stroke: currentcolor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; transition-property: transform; transition-duration: 0.18s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-delay: 0s; transition-behavior: normal; }
.nav a.ptab[data-svc]:where(header.bar, header.bar *)::after { padding-right: 14px; }
.nav a.ptab[data-svc][aria-expanded="true"] .chev:where(header.bar, header.bar *) { transform: rotate(180deg); }
.bar:where(header.bar, header.bar *) { --svc-lip: 14px; --svc-drop: 8px; }
.nav a.ptab[data-svc]:where(header.bar, header.bar *) { z-index: 59; }
.nav a.ptab[data-svc] > span:where(header.bar, header.bar *) { position: relative; z-index: 1; }
.nav a.ptab[data-svc][aria-expanded="true"]:where(header.bar, header.bar *) { color: var(--navy); font-weight: 750; }
.nav a.ptab[data-svc][aria-expanded="true"]:where(header.bar, header.bar *)::before { content: ""; position: absolute; left: calc(-1 * var(--svc-lip)); right: calc(-1 * var(--svc-lip)); top: -10px; bottom: -9px; height: auto; border-radius: 10px 10px 0px 0px; background: var(--paper); border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-bottom: 0px; }
.bar.svc-open .nav a.ptab.cur:not([data-svc]):where(header.bar, header.bar *)::before { background: var(--line); }
.nav .svcm:where(header.bar, header.bar *) { position: absolute; z-index: 58; top: calc(var(--svc-b, 48px) + var(--svc-drop)); left: calc(var(--svc-x, 0px) - var(--svc-lip)); margin-top: 0px; padding: 12px 9px 9px; width: max-content; min-width: 232px; background: var(--paper); border: 1px solid var(--line); border-radius: 0px 12px 12px; box-shadow: rgba(11, 13, 18, 0.05) 0px 2px 8px, rgba(15, 27, 61, 0.22) 0px 26px 60px -18px; }
.svcm ul:where(header.bar, header.bar *) { margin: 0px; padding: 0px; list-style: none; display: flex; flex-direction: column; gap: 1px; }
.svcm li:where(header.bar, header.bar *) { display: flex; }
.svcm a:where(header.bar, header.bar *),
.svcm .nd-na:where(header.bar, header.bar *) { display: inline-flex; align-items: center; gap: 14px; width: 100%; justify-content: space-between; margin: 0px; padding: 9px 11px; border-radius: 9px; font-size: 13.5px; font-weight: 550; line-height: 1.3; white-space: nowrap; color: var(--ink-2); }
.svcm a:hover:where(header.bar, header.bar *) { background: var(--ground, #F4F7FC); color: var(--ink); }
.svcm a:has(.nd-live):where(header.bar, header.bar *) { font-weight: 650; color: var(--ink); }
.svcm .nd-na:where(header.bar, header.bar *) { color: var(--ink-4); cursor: default; }
.svcm .nd-live:where(header.bar, header.bar *),
.svcm .nd-soon:where(header.bar, header.bar *) { margin-top: 0px; }
.ptip:where(header.bar, header.bar *) { position: fixed; left: var(--svc-cx, 50%); top: calc(var(--barh, 103px) + 9px); z-index: 62; padding: 5px 9px; border-radius: 7px; white-space: nowrap; pointer-events: none; background: var(--paper); border: 1px solid var(--line); box-shadow: rgba(15, 27, 61, 0.3) 0px 6px 18px -8px; font-size: 11px; font-style: normal; font-weight: 600; letter-spacing: 0.004em; color: var(--ink-3); opacity: 0; visibility: hidden; transform: translate(-50%, -3px); transition-property: opacity, transform, visibility; transition-duration: 0.14s, 0.14s, 0s; transition-timing-function: ease, ease, linear; transition-delay: 0s, 0s, 0.14s; transition-behavior: normal, normal, normal; }
.nav a.ptab[data-svc]:hover .ptip:where(header.bar, header.bar *),
.nav a.ptab[data-svc]:focus-visible .ptip:where(header.bar, header.bar *) { opacity: 1; visibility: visible; transform: translate(-50%, 0px); transition-property: opacity, transform, visibility; transition-duration: 0.14s, 0.18s, 0s; transition-timing-function: ease, ease, ease; transition-delay: 0.4s, 0.4s, 0s; transition-behavior: normal, normal, normal; }
.nav a.ptab[data-svc][aria-expanded="true"] .ptip:where(header.bar, header.bar *) { display: none; }
@media (prefers-reduced-motion: reduce) {
.chev:where(header.bar, header.bar *),
.ptip:where(header.bar, header.bar *) { transition-duration: 0s; }
}
.nd-p:where(header.bar, header.bar *) { display: none; }
.nd[data-open="true"] .nd-p:where(header.bar, header.bar *) { display: grid; position: absolute; top: 100%; right: var(--grid-edge); z-index: 61; margin-top: 10px; padding: 24px 26px; width: min(620px, calc(100vw - 2 * var(--pad))); grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 4px clamp(20px, 3vw, 44px); background: var(--paper); border: 1px solid var(--line); border-radius: 16px; box-shadow: rgba(11, 13, 18, 0.05) 0px 2px 8px, rgba(15, 27, 61, 0.22) 0px 26px 60px -18px; }
.nd-h:where(header.bar, header.bar *) { margin: 0px 0px 12px; font-family: var(--mono); font-size: 10.5px; letter-spacing: 0.2em; text-transform: uppercase; color: var(--ink-4); font-weight: 500; }
.nd-p ul:where(header.bar, header.bar *) { margin: 0px; padding: 0px; list-style: none; display: flex; flex-direction: column; gap: 2px; }
.nd-p li:where(header.bar, header.bar *) { display: flex; }
.nd-p a:where(header.bar, header.bar *),
.nd-na:where(header.bar, header.bar *) { display: inline-flex; align-items: flex-start; gap: 8px; width: 100%; padding: 9px 10px; margin-left: -10px; border-radius: 8px; font-size: 14px; font-weight: 550; color: var(--ink-2); line-height: 1.35; }
.nd-p a:hover:where(header.bar, header.bar *) { background: var(--ground, #F4F7FC); color: var(--ink); }
.nd-na:where(header.bar, header.bar *) { color: var(--ink-4); cursor: default; }
.nd-live:where(header.bar, header.bar *) { width: 6px; height: 6px; flex: 0 0 auto; margin-top: 6px; border-radius: 50%; background: var(--g-green, #188038); box-shadow: rgba(52, 168, 83, 0.16) 0px 0px 0px 3px; }
.nd-soon:where(header.bar, header.bar *) { flex: 0 0 auto; margin-top: 1px; padding: 2px 7px; border-radius: 5px; border: 1px solid var(--line); font-family: var(--mono); font-size: 9px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--ink-4); font-weight: 500; }
.nd-p a:has(.nd-live):where(header.bar, header.bar *) { font-weight: 650; color: var(--ink); }
@media (min-width: 901px) and (max-width: 1180px) {
.brow:where(header.bar, header.bar *) { gap: 12px; }
}
@media (min-width: 901px) and (max-width: 1180px) {
.wm:where(header.bar, header.bar *) { font-size: 15.5px; }
}
@media (min-width: 901px) and (max-width: 1180px) {
.mark:where(header.bar, header.bar *) { width: 32px; height: 32px; margin-right: 9px; }
}
@media (min-width: 901px) and (max-width: 1180px) {
.nav:where(header.bar, header.bar *) { gap: 11px; }
}
@media (min-width: 901px) and (max-width: 1180px) {
.nav a.ptab:where(header.bar, header.bar *) { font-size: 13px; }
}
@media (min-width: 901px) and (max-width: 1180px) {
.sitemenu:where(header.bar, header.bar *) { height: 34px; padding: 0px 11px; font-size: 12.5px; }
}
@media (min-width: 901px) and (max-width: 1180px) {
.kids:where(header.bar, header.bar *) { gap: clamp(16px, 2vw, 26px); }
}
@media (min-width: 901px) and (max-width: 1180px) {
a.kid:where(header.bar, header.bar *) { font-size: 11.25px; }
}
@media (min-width: 901px) and (max-width: 1180px) {
.bar:where(header.bar, header.bar *) { --svc-lip: 5px; --svc-drop: 5px; }
}
@media (min-width: 901px) and (max-width: 1180px) {
.svcm a:where(header.bar, header.bar *),
.svcm .nd-na:where(header.bar, header.bar *) { font-size: 13px; padding: 8px 10px; }
}
@media (max-width: 900px) {
.brow:where(header.bar, header.bar *) { padding: 12px 14px 0px; gap: 10px; }
}
@media (max-width: 900px) {
.barmenu:where(header.bar, header.bar *) { display: flex; }
}
@media (max-width: 900px) {
.sitemenu:where(header.bar, header.bar *) { display: none; }
}
@media (max-width: 900px) {
.baract:where(header.bar, header.bar *) { margin-left: auto; }
}
@media (max-width: 900px) {
.bar .nav:where(header.bar, header.bar *) { display: none; position: absolute; top: 100%; left: 0px; right: 0px; z-index: 59; flex-direction: column; align-items: stretch; gap: 0px; margin: 0px; padding: 4px var(--pad) 14px; background: var(--paper); border-bottom: 1px solid var(--line); box-shadow: rgba(11, 13, 18, 0.5) 0px 18px 30px -24px; max-height: calc(100dvh - var(--barh)); overflow-y: auto; }
}
@media (max-width: 900px) {
.bar .nav[data-open="true"]:where(header.bar, header.bar *) { display: flex; }
}
@media (max-width: 900px) {
.nav a.ptab:where(header.bar, header.bar *) { display: grid; padding: 13px 0px; font-size: 15.5px; color: var(--ink); border-bottom: 1px solid var(--line-2); }
}
@media (max-width: 900px) {
.nav a.ptab.cur:where(header.bar, header.bar *) { color: var(--navy); }
}
@media (max-width: 900px) {
.nav a.ptab.cur:where(header.bar, header.bar *)::before { inset: 14px auto 14px -10px; width: 2px; height: auto; }
}
@media (max-width: 900px) {
.bar .nav .nd:where(header.bar, header.bar *) { order: 9; width: 100%; }
}
@media (max-width: 900px) {
.nd[data-open="true"] .nd-p:where(header.bar, header.bar *),
.nd .nd-p:where(header.bar, header.bar *) { display: grid; position: static; width: auto; margin: 0px; padding: 0px; grid-template-columns: minmax(0px, 1fr); gap: 0px; background: none; border: 0px; border-radius: 0px; box-shadow: none; }
}
@media (max-width: 900px) {
.nd-h:where(header.bar, header.bar *) { margin: 14px 0px 2px; }
}
@media (max-width: 900px) {
.nd-p a:where(header.bar, header.bar *),
.nd-na:where(header.bar, header.bar *) { margin-left: 0px; padding: 12px 0px; border-radius: 0px; font-size: 15.5px; }
}
@media (max-width: 900px) {
.nav .nd-p a:where(header.bar, header.bar *) { border-bottom: 0px; }
}
@media (max-width: 900px) {
.nd-p li:where(header.bar, header.bar *) { border-bottom: 1px solid var(--line-2); }
}
@media (max-width: 900px) {
.bar .nav .svcm:where(header.bar, header.bar *) { position: static; width: auto; min-width: 0px; margin: 0px 0px 0px 12px; padding: 0px; background: none; border-top: 0px; border-right: 0px; border-bottom: 0px; border-image: initial; border-left: 1px solid var(--line-2); border-radius: 0px; box-shadow: none; }
}
@media (max-width: 900px) {
.bar .nav .svcm:where(header.bar, header.bar *)::before { display: none; }
}
@media (max-width: 900px) {
.bar .nav a.ptab[data-svc][aria-expanded="true"]:where(header.bar, header.bar *)::before { inset: 12px auto 12px -10px; width: 2px; height: auto; background: var(--accent); border: 0px; border-radius: 2px; }
}
@media (max-width: 900px) {
.svcm ul:where(header.bar, header.bar *) { gap: 0px; }
}
@media (max-width: 900px) {
.svcm li:where(header.bar, header.bar *) { border-bottom: 1px solid var(--line-2); }
}
@media (max-width: 900px) {
.svcm li:last-child:where(header.bar, header.bar *) { border-bottom: 0px; }
}
@media (max-width: 900px) {
.svcm a:where(header.bar, header.bar *),
.svcm .nd-na:where(header.bar, header.bar *) { justify-content: flex-start; gap: 10px; padding: 12px 0px 12px 14px; border-radius: 0px; font-size: 15px; }
}
@media (max-width: 900px) {
.ptip:where(header.bar, header.bar *) { display: none; }
}
@media (max-width: 900px) {
.krow:where(header.bar, header.bar *) { padding: 11px 14px 12px; }
}
@media (max-width: 900px) {
.kids:where(header.bar, header.bar *) { padding-left: 0px; gap: 20px; }
}

/* ---- from evidence-type-r4/_r4.css ---- */
@media (prefers-reduced-motion: reduce) {
*:where(header.bar, header.bar *),
:where(header.bar, header.bar *)::before,
:where(header.bar, header.bar *)::after { animation-duration: 0.001ms !important; transition-duration: 0.001ms !important; scroll-behavior: auto !important; }
}

/* ---- from site/uifinish.css ---- */
:where(header.bar) { --sb-thumb: #858C98; --sb-thumb-hover: #767E8B; --sb-thumb-press: #5A6474; --sb-size: 12px; --sb-inset: 3px; }
:where(header.bar) { scrollbar-color: var(--sb-thumb) transparent; }
*:where(header.bar, header.bar *) { scrollbar-width: thin; }
:where(header.bar, header.bar *)::-webkit-scrollbar { width: var(--sb-size); height: var(--sb-size); background: transparent; }
:where(header.bar, header.bar *)::-webkit-scrollbar-track,
:where(header.bar, header.bar *)::-webkit-scrollbar-track-piece,
:where(header.bar, header.bar *)::-webkit-scrollbar-corner { background: transparent; }
:where(header.bar, header.bar *)::-webkit-scrollbar-thumb { background-color: var(--sb-thumb); border: var(--sb-inset) solid transparent; background-clip: content-box; border-radius: 999px; min-height: 40px; }
:where(header.bar, header.bar *)::-webkit-scrollbar-thumb:hover { background-color: var(--sb-thumb-hover); }
:where(header.bar, header.bar *)::-webkit-scrollbar-thumb:active { background-color: var(--sb-thumb-press); }

/* ---- from site-nav/nav-settle.css ---- */
@media (min-width: 901px) {
.bar .baract:where(header.bar, header.bar *) { display: none; }
}
@media (min-width: 901px) {
.bar .nav:where(header.bar, header.bar *) { margin-right: 0px; }
}
@media (min-width: 901px) {
.bar .krow .kids:where(header.bar, header.bar *) { padding-left: 0px; }
}
@media (min-width: 1281px) {
.bar .nav a.ptab:where(header.bar, header.bar *) { font-size: 15px; letter-spacing: -0.01em; }
}
@media (min-width: 1281px) {
.bar .nav:where(header.bar, header.bar *) { gap: clamp(16px, 2.1vw, 30px); }
}

/* ---- from site/hier.css ---- */
:where(header.bar) { --hr-sel: #0F1B3D; }
a.kid.on:where(header.bar, header.bar *)::after { background: var(--hr-sel); }

/* ---- from site/cta.css ---- */
:where(header.bar) { --cta-edge-1: #6A777A; }

/* ---- from site/edges.css ---- */
:where(header.bar) { --eg-edge-card: #E5EAF1; --eg-edge-divider: #EDF0F5; --eg-shadow-float: 0 2px 6px rgba(15, 27, 61, .06), 0 20px 44px -18px rgba(15, 27, 61, .20); }
:where(header.bar) { --line: var(--eg-edge-card); --line-2: var(--eg-edge-divider); }
:where(header.bar) { --cta-edge-1: rgba(11, 13, 18, .10); }
.nav .svcm:where(header.bar, header.bar *) { box-shadow: var(--eg-shadow-float); }

/* ---- from home-system/home.css ---- */
:where(header.bar) { --pad: clamp(18px, 4vw, 84px); --maxw: clamp(940px, 82vw, 1480px); --wpad: var(--grid-edge); --v5-paper: #FFFFFF; --v5-tint: #EDF1F6; --v5-row: #E3E9F1; --v5-row-2: #EDF1F6; --v5-hov: #F5F7FA; --v5-well: #F4F6FA; --v5-edge: #B4BFCD; --v5-edge-2: #D3DAE3; --v5-edge-h: #8D9BAC; --v5-ew: 1.5px; --v5-sel: #17203A; --v5-sel-2: #27324F; --v5-sel-ink: #FFFFFF; --v5-ring: rgba(23,32,58,.42); --v5-r: 3px; --v5-r-2: 2px; --v5-ink: #0B0D12; --v5-ink-2: #39404B; --v5-ink-3: #5C6675; --v5-ink-4: #8B94A2; --v5-prose: 13.5px; }
header.bar:where(header.bar, header.bar *) { --sh-shelf: var(--v5-tint); --sh-floor: var(--v5-paper); --sh-close: #E7EDF6; --sh-edge: var(--v5-edge); --sh-edge-c: var(--v5-edge); --pl-row: var(--v5-row); --pl-row-2: var(--v5-row-2); --pl-row-3: var(--v5-well); --pl-hov: var(--v5-hov); --pl-hov-s: var(--v5-hov); --pl-prs: var(--v5-row-2); --pl-ring: var(--v5-edge-2); --pl-ring-2: var(--v5-edge); --pl-ink: var(--v5-ink); --pl-off: var(--v5-ink-2); --cta-edge-1: #5F6B6E; --cta-edge: var(--v5-edge); --cta-edge-h: var(--v5-edge-h); --cta-ring: var(--v5-ring); --hr-sel: var(--v5-sel); --hr-sel-2: var(--v5-sel-2); --hr-quiet: #6E7787; --hr-quiet-2: #C0C8D4; }
header.bar:where(header.bar, header.bar *) { --nav-gutter: var(--grid-edge); border-bottom: var(--v5-ew) solid var(--v5-edge); background: var(--v5-paper); }
header.bar .nav a.ptab:where(header.bar, header.bar *) { font-weight: 600; color: var(--v5-ink-2); }
header.bar .nav a.ptab:hover:where(header.bar, header.bar *) { color: var(--v5-ink); }
header.bar .nav a.ptab.cur:where(header.bar, header.bar *) { color: var(--v5-sel); font-weight: 750; }
header.bar .nav a.ptab.cur:where(header.bar, header.bar *)::before { height: 2px; background: var(--v5-sel); }
header.bar .krow:where(header.bar, header.bar *) { border-top: 1px solid var(--v5-edge-2); }
header.bar .krow a.kid:where(header.bar, header.bar *) { font-size: 11.5px; font-weight: 550; letter-spacing: 0.01em; color: var(--v5-ink-3); padding-bottom: 3px; }
header.bar .krow a.kid:hover:where(header.bar, header.bar *) { color: var(--v5-ink); }
header.bar .krow a.kid.on:where(header.bar, header.bar *) { color: var(--v5-sel); font-weight: 700; }
header.bar .krow a.kid.on:where(header.bar, header.bar *)::after { height: 2px; background: var(--v5-sel); }
header.bar .sitemenu:where(header.bar, header.bar *),
header.bar .barmenu:where(header.bar, header.bar *) { border-radius: var(--v5-r); box-shadow: inset 0 0 0 var(--v5-ew) var(--cta-edge-1); }
header.bar .barmenu:where(header.bar, header.bar *),
header.bar .sitemenu:where(header.bar, header.bar *) { background: var(--v5-paper); color: var(--v5-ink); box-shadow: inset 0 0 0 var(--v5-ew) var(--v5-edge); }
header.bar .barmenu:hover:where(header.bar, header.bar *),
header.bar .sitemenu:hover:where(header.bar, header.bar *) { box-shadow: inset 0 0 0 var(--v5-ew) var(--v5-edge-h); }
header.bar .barmenu:active:where(header.bar, header.bar *),
header.bar .sitemenu:active:where(header.bar, header.bar *) { background: var(--v5-row-2); }
header.bar .sitemenu[aria-expanded="true"]:where(header.bar, header.bar *) { background: var(--v5-sel); color: var(--v5-sel-ink); box-shadow: none; }
header.bar .brow:where(header.bar, header.bar *) { align-items: center; }
header.bar .wm:where(header.bar, header.bar *) { font-weight: 800; letter-spacing: -0.036em; color: var(--v5-ink); }
header.bar .wm .mark:where(header.bar, header.bar *) { border-radius: var(--v5-r-2); }
header.bar .krow:where(header.bar, header.bar *) { background: var(--v5-row-2); border-top: 1px solid var(--v5-edge-2); }
header.bar .krow .kids:where(header.bar, header.bar *) { align-items: center; }
header.bar .krow a.kid:where(header.bar, header.bar *) { transition-property: color; transition-duration: 0.14s; transition-timing-function: ease; transition-delay: 0s; transition-behavior: normal; }
header.bar .krow a.kid.on:where(header.bar, header.bar *)::after { border-radius: 0px; bottom: -3px; }
header.bar .krow a.kid:focus-visible:where(header.bar, header.bar *) { outline: 3px solid var(--v5-sel); outline-offset: 3px; border-radius: 0px; }
header.bar .nav a.ptab:focus-visible:where(header.bar, header.bar *) { outline: 3px solid var(--v5-sel); outline-offset: 4px; border-radius: 0px; }
header.bar .nav a.ptab:where(header.bar, header.bar *)::after { font-weight: 750; }
header.bar .nav a.ptab .ptip:where(header.bar, header.bar *) { border-radius: var(--v5-r-2); box-shadow: none; background: var(--v5-sel); color: var(--v5-sel-ink); font-size: 11px; letter-spacing: 0px; }
header.bar .nd[data-open="true"] .nd-p:where(header.bar, header.bar *),
header.bar .svcm:where(header.bar, header.bar *) { border: var(--v5-ew) solid var(--v5-edge); border-radius: var(--v5-r); box-shadow: none; background: var(--v5-paper); }
header.bar .nd-h:where(header.bar, header.bar *) { font-size: 10px; letter-spacing: 0.18em; color: var(--v5-ink-4); font-weight: 600; padding-bottom: 8px; border-bottom: 1px solid var(--v5-edge-2); margin-bottom: 10px; }
header.bar .nd-p a:where(header.bar, header.bar *),
header.bar .svcm a:where(header.bar, header.bar *) { border-radius: var(--v5-r-2); font-size: var(--v5-prose); }
header.bar .nd-p a:hover:where(header.bar, header.bar *),
header.bar .svcm a:hover:where(header.bar, header.bar *) { background: var(--v5-row-2); color: var(--v5-ink); }
header.bar .nd-na:where(header.bar, header.bar *),
header.bar .svcm .nd-na:where(header.bar, header.bar *) { font-size: var(--v5-prose); color: var(--v5-ink-4); }
header.bar .nd-soon:where(header.bar, header.bar *) { border-radius: var(--v5-r-2); border: 1px solid var(--v5-edge-2); background: var(--v5-paper); font-size: 8.5px; letter-spacing: 0.1em; }
header.bar .nd-live:where(header.bar, header.bar *) { border-radius: 0px; width: 5px; height: 5px; box-shadow: none; }
@media (min-width: 1281px) {
:where(header.bar) { --wpad: var(--grid-edge); }
}
@media (hover: hover) and (pointer: fine) {
header.bar .krow a.kid:hover:where(header.bar, header.bar *) { color: var(--v5-ink); }
}
@media (prefers-reduced-motion: reduce) {
header.bar *:where(header.bar, header.bar *) { transition-property: none !important; transition-duration: 0s !important; transition-timing-function: ease !important; transition-delay: 0s !important; transition-behavior: normal !important; animation-name: none !important; animation-duration: auto !important; animation-timing-function: ease !important; animation-delay: 0s !important; animation-iteration-count: 1 !important; animation-direction: normal !important; animation-fill-mode: none !important; animation-play-state: running !important; }
}
@media (max-width: 900px) {
header.bar .brow:where(header.bar, header.bar *),
header.bar .krow:where(header.bar, header.bar *) { padding-inline: var(--grid-edge); }
}
@media (max-width: 760px) {
:where(header.bar) { --pad: var(--gut, 18px); }
}
:where(header.bar) { --accent: var(--k3-accent); --g-blue: var(--k3-accent); --navy: var(--k3-ink); --v5-paper: var(--k3-paper); --v5-tint: var(--k3-ground); --v5-row: var(--k3-ground-2); --v5-row-2: var(--k3-ground); --v5-hov: var(--k3-hover); --v5-well: var(--k3-ground); --v5-edge: var(--k3-edge); --v5-edge-2: var(--k3-line); --v5-edge-h: var(--k3-ink-4); --v5-sel: var(--k3-sel); --v5-sel-2: var(--k3-sel-h); --v5-sel-ink: var(--k3-on-sel); --v5-ring: var(--k3-focus-ring); --v5-ink: var(--k3-ink); --v5-ink-2: var(--k3-ink-2); --v5-ink-3: var(--k3-ink-3); --v5-ink-4: var(--k3-ink-4); --ink: var(--k3-ink); --ink-2: var(--k3-ink-2); --ink-3: var(--k3-ink-3); --ink-4: var(--k3-ink-4); --line: var(--k3-line); --line-2: var(--k3-line); --paper: var(--k3-paper); --cta-edge-1: var(--k3-act); --hr-sel: var(--k3-sel); --sb-thumb: var(--k3-ink-4); --sb-thumb-hover: var(--k3-ink-3); }
html body header.bar:where(header.bar, header.bar *) { --cta-edge-1: var(--k3-act); --cta-edge: var(--k3-edge); --cta-edge-h: var(--k3-ink-4); --cta-ring: var(--k3-focus-ring); --hr-sel: var(--k3-sel); --hr-sel-2: var(--k3-sel-h); --pl-row: var(--k3-ground-2); --pl-row-2: var(--k3-ground); --pl-row-3: var(--k3-ground); --pl-hov: var(--k3-hover); --pl-hov-s: var(--k3-hover); --pl-prs: var(--k3-ground); --pl-ring: var(--k3-line); --pl-ring-2: var(--k3-edge); --pl-ink: var(--k3-ink); --pl-off: var(--k3-ink-2); --sh-shelf: var(--k3-ground); --sh-floor: var(--k3-paper); --sh-edge: var(--k3-edge); --sh-edge-c: var(--k3-edge); }
html body .mark:where(header.bar, header.bar *) { --navy: #0F1B3D; --brand: #0B57F5; }
:where(header.bar, header.bar *)::selection { background: var(--k3-sel-soft); color: var(--k3-ink); }
:where(header.bar) { color: var(--k3-ink); }
html body header.bar a.kid.on:where(header.bar, header.bar *) { color: var(--k3-ink) !important; }
html body header.bar a.kid.on:where(header.bar, header.bar *)::after { background: var(--k3-nav-on-mark) !important; border-radius: var(--k3-mark-r) !important; }
html body header.bar .nav a.ptab .ptip:where(header.bar, header.bar *) { background: var(--k3-tip-bg) !important; color: var(--k3-tip-ink) !important; }
html body header.bar:where(header.bar, header.bar *) { background-color: var(--k3-bar-bg) !important; border-bottom-color: var(--k3-edge) !important; box-shadow: var(--k3-bar-sh) !important; }
html body header.bar .krow:where(header.bar, header.bar *) { background-color: var(--k3-krow-bg) !important; border-top-color: var(--k3-line) !important; }
html body header.bar .kid:where(header.bar, header.bar *) { color: var(--k3-ink-3) !important; }
html body header.bar .kid:hover:where(header.bar, header.bar *) { color: var(--k3-ink) !important; }
html body header.bar .kid[aria-current="true"]:where(header.bar, header.bar *) { color: var(--k3-kid-on-ink) !important; background: var(--k3-kid-on-bg) !important; border-radius: var(--k3-kid-on-r) !important; }
html body header.bar .kid[aria-current="true"]:where(header.bar, header.bar *)::after { background: var(--k3-kid-on-mark) !important; border-radius: var(--k3-mark-r) !important; }
html body header.bar a.ptab:where(header.bar, header.bar *) { color: var(--k3-ink-2) !important; }
html body header.bar a.ptab.cur:where(header.bar, header.bar *),
html body header.bar a.ptab.cur > span:where(header.bar, header.bar *) { color: var(--k3-ink) !important; }
html body header.bar a.ptab.cur:where(header.bar, header.bar *)::before { background: var(--k3-nav-on-mark) !important; border-radius: var(--k3-mark-r) !important; }
html body header.bar a.ptab[aria-expanded="true"]:where(header.bar, header.bar *) { color: var(--k3-ink) !important; }
html body header.bar a.ptab[aria-expanded="true"]:where(header.bar, header.bar *)::before { background-color: var(--k3-menu-bg) !important; border-color: var(--k3-line) !important; }
html body header.bar #navSvc:where(header.bar, header.bar *) { background-color: var(--k3-menu-bg) !important; border-color: var(--k3-edge) !important; box-shadow: var(--k3-menu-sh) !important; border-radius: var(--k3-r-box) !important; }
html body header.bar .nd-soon:where(header.bar, header.bar *) { background-color: var(--k3-chip-bg) !important; border-color: var(--k3-chip-bd) !important; color: var(--k3-ink-3) !important; border-radius: var(--k3-r-chip) !important; }
html body header.bar .nd-live:where(header.bar, header.bar *) { background-color: var(--k3-success) !important; }
html body header.bar #navBurger:where(header.bar, header.bar *) { background: var(--k3-burger-bg) !important; border-color: var(--k3-burger-bd) !important; box-shadow: var(--k3-burger-sh) !important; color: var(--k3-burger-ink) !important; border-radius: var(--k3-r-ctl) !important; }
html body header.bar #navBurger svg:where(header.bar, header.bar *) { stroke: var(--k3-burger-ink) !important; }
html body header.bar #navPrimary:where(header.bar, header.bar *) { background-color: var(--k3-paper) !important; border-bottom-color: var(--k3-line) !important; }
html body header.bar .nd-h:where(header.bar, header.bar *) { border-bottom-color: var(--k3-line) !important; }
html body header.bar:where(header.bar, header.bar *),
html body header.bar #navSvc:where(header.bar, header.bar *) { backdrop-filter: none !important; }
:where(header.bar) { --k3-ink: #0D1526; --k3-ink-2: #34405A; --k3-ink-3: #526079; --k3-ink-4: #8795AE; --k3-paper: #FFFFFF; --k3-ground: #FFFFFF; --k3-ground-2: #E1EBFC; --k3-hover: #F5F8FF; --k3-line: #DAE5F8; --k3-edge: #B9CBEE; --k3-accent: #1E4FD6; --k3-success: #127436; --k3-act: #1E4FD6; --k3-sel: #0D1526; --k3-sel-h: #0D1526; --k3-on-sel: #FFFFFF; --k3-sel-soft: #FFFFFF; --k3-focus-ring: rgba(30,79,214,.28); --k3-r-box: 6px; --k3-r-ctl: 4px; --k3-r-chip: 4px; --k3-mark-r: 0px; --k3-bar-bg: #FFFFFF; --k3-bar-sh: none; --k3-krow-bg: #FFFFFF; --k3-kid-on-ink: #0D1526; --k3-kid-on-bg: transparent; --k3-kid-on-r: 0; --k3-kid-on-mark: #1E4FD6; --k3-nav-on-mark: #1E4FD6; --k3-menu-bg: #FFFFFF; --k3-menu-sh: 0 18px 36px -24px rgba(13,21,38,.26); --k3-burger-bg: #FFFFFF; --k3-burger-bd: #DAE5F8; --k3-burger-sh: inset 0 0 0 1.5px #B9CBEE; --k3-burger-ink: #0D1526; --k3-chip-bg: #FFFFFF; --k3-chip-bd: #D3E0F6; --k3-tip-bg: #0D1526; --k3-tip-ink: #FFFFFF; --n4-ink: #0D1526; --n4-ink-2: #34405A; --n4-ink-3: #526079; --n4-paper: #FFFFFF; --n4-ground: #FFFFFF; --n4-tint: #EEF4FE; --n4-line: #DAE5F8; --n4-act: #1E4FD6; }
html body :is(header.bar .mark, #sfoot .f-mk):where(header.bar, header.bar *) { --navy: #000000; --brand: #0B57F5; }
html body :is(header.bar .mark, #sfoot .f-mk) svg text > tspan:nth-child(2n+1):where(header.bar, header.bar *) { fill: rgb(0, 0, 0) !important; }
html body :is(header.bar .mark, #sfoot .f-mk) svg text > tspan:nth-child(2):where(header.bar, header.bar *) { fill: rgb(11, 87, 245) !important; }
html body :is(header.bar .mark, #sfoot .f-mk) svg circle:where(header.bar, header.bar *) { stroke: rgb(11, 87, 245) !important; fill: rgb(255, 255, 255) !important; }
html body :is(header.bar .mark, #sfoot .f-mk) svg text:where(header.bar, header.bar *) { transform: translate(-0.9px, 0.85px); }
:where(header.bar) { --ink-4: var(--n4-ink-3); }
html body :is(header.bar .nd-live, #sfoot .f-live):where(header.bar, header.bar *) { background-color: var(--n4-act) !important; box-shadow: none !important; }
:where(header.bar) { color: var(--n4-ink); }
html body header.bar:where(header.bar, header.bar *) { background-color: var(--n4-paper) !important; border-bottom: 1px solid var(--n4-line) !important; }
html body header.bar .krow:where(header.bar, header.bar *) { background-color: var(--n4-ground) !important; border-top: 1px solid var(--n4-line) !important; }
html body header.bar .krow a.kid:where(header.bar, header.bar *) { color: var(--n4-ink-2) !important; }
html body header.bar .krow a.kid:hover:where(header.bar, header.bar *) { color: var(--n4-ink) !important; }
html body header.bar .krow a.kid:is(.on, [aria-current="true"]):where(header.bar, header.bar *) { color: var(--n4-ink) !important; }
html body header.bar .krow a.kid:is(.on, [aria-current="true"]):where(header.bar, header.bar *)::after { background: var(--n4-act) !important; }
html body header.bar .nav a.ptab:where(header.bar, header.bar *) { color: var(--n4-ink-2) !important; }
html body header.bar .nav a.ptab:hover:where(header.bar, header.bar *) { color: var(--n4-ink) !important; }
html body header.bar .nav a.ptab.cur:where(header.bar, header.bar *),
html body header.bar .nav a.ptab.cur > span:where(header.bar, header.bar *) { color: var(--n4-ink) !important; }
html body header.bar .nav a.ptab.cur:where(header.bar, header.bar *)::before { background: var(--n4-act) !important; }
html body header.bar .wm:where(header.bar, header.bar *) { color: var(--n4-ink) !important; }
html body header.bar #navSvc a:hover:where(header.bar, header.bar *) { background-color: var(--n4-tint) !important; }
@media (max-width: 760px) {
html body header.bar #navPrimary:where(header.bar, header.bar *) { background-color: var(--n4-paper) !important; }
}
@media (max-width: 760px) {
html body header.bar #navPrimary a:where(header.bar, header.bar *) { color: var(--n4-ink); }
}
html body header.bar:where(header.bar, header.bar *) { background: var(--fs-bar-bg) !important; border-bottom: var(--fs-bar-bd) !important; box-shadow: var(--fs-bar-sh) !important; }
@media (min-width: 901px) {
html body header.bar .brow:where(header.bar, header.bar *) { min-height: var(--fs-row1-h); padding-top: 0px !important; padding-bottom: 0px !important; }
}
@media (min-width: 901px) {
html body header.bar .wm:where(header.bar, header.bar *) { font-weight: var(--fs-wm-fw) !important; letter-spacing: var(--fs-wm-ls) !important; color: var(--fs-ink) !important; }
}
@media (min-width: 901px) {
html body header.bar .nav a.ptab:where(header.bar, header.bar *) { isolation: isolate; font-weight: var(--fs-nav-fw) !important; color: var(--fs-nav-ink) !important; letter-spacing: var(--fs-nav-ls) !important; }
}
@media (min-width: 901px) {
html body header.bar .nav a.ptab > span:where(header.bar, header.bar *) { color: inherit !important; }
}
@media (min-width: 901px) {
html body header.bar .nav a.ptab:where(header.bar, header.bar *)::after { font-weight: var(--fs-nav-cur-fw) !important; letter-spacing: var(--fs-nav-ls) !important; }
}
@media (min-width: 901px) {
html body header.bar .nav a.ptab:hover:where(header.bar, header.bar *) { color: var(--fs-nav-ink-h) !important; }
}
@media (min-width: 901px) {
html body header.bar .nav a.ptab.cur:where(header.bar, header.bar *) { color: var(--fs-nav-cur-ink) !important; font-weight: var(--fs-nav-cur-fw) !important; }
}
@media (min-width: 901px) {
html body header.bar .nav a.ptab.cur:where(header.bar, header.bar *)::before { left: var(--fs-cur-x) !important; right: var(--fs-cur-x) !important; top: var(--fs-cur-t) !important; bottom: var(--fs-cur-b) !important; height: var(--fs-cur-h) !important; background: var(--fs-cur-bg) !important; border-radius: var(--fs-cur-r) !important; box-shadow: var(--fs-cur-sh) !important; z-index: var(--fs-cur-z) !important; }
}
@media (min-width: 901px) {
html body header.bar .nav a.ptab[data-label="Contact Us"]:where(header.bar, header.bar *) { padding: var(--fs-cb-pad) !important; border-radius: var(--fs-cb-r) !important; background: var(--fs-cb-bg) !important; box-shadow: var(--fs-cb-sh) !important; color: var(--fs-cb-ink) !important; font-weight: var(--fs-cb-fw) !important; transition-property: background-color, box-shadow, color, transform !important; transition-duration: 0.15s, 0.15s, 0.15s, 0.15s !important; transition-timing-function: ease, ease, ease, ease !important; transition-delay: 0s, 0s, 0s, 0s !important; transition-behavior: normal, normal, normal, normal !important; }
}
@media (min-width: 901px) {
html body header.bar .nav a.ptab[data-label="Contact Us"]:hover:where(header.bar, header.bar *) { transform: var(--fs-cb-lift); background: var(--fs-cb-bg-h) !important; box-shadow: var(--fs-cb-sh-h) !important; color: var(--fs-cb-ink-h) !important; }
}
@media (min-width: 901px) {
html body header.bar .nav a.ptab[data-label="Contact Us"]:active:where(header.bar, header.bar *) { transform: none; }
}
@media (min-width: 901px) {
html body header.bar .nav a.ptab:focus-visible:where(header.bar, header.bar *) { outline: 2px solid var(--fs-act) !important; outline-offset: 4px !important; border-radius: 6px !important; }
}
@media (min-width: 901px) {
html body header.bar .krow:where(header.bar, header.bar *) { background: var(--fs-row2-bg) !important; border-top: var(--fs-row2-bd) !important; padding: 0 var(--nav-gutter) !important; }
}
@media (min-width: 901px) {
html body header.bar .krow .kids:where(header.bar, header.bar *) { justify-content: flex-start !important; align-items: stretch !important; }
}
@media (min-width: 901px) {
html body header.bar .krow a.kid:where(header.bar, header.bar *) { isolation: isolate; font-size: var(--fs-kid-fs) !important; font-weight: var(--fs-kid-fw) !important; letter-spacing: var(--fs-kid-ls) !important; text-transform: var(--fs-kid-tt) !important; color: var(--fs-kid-ink) !important; line-height: var(--fs-row2-h) !important; padding: 0px !important; }
}
@media (min-width: 901px) {
html body header.bar .krow a.kid:hover:where(header.bar, header.bar *) { color: var(--fs-kid-ink-h) !important; }
}
@media (min-width: 901px) {
html body header.bar .krow a.kid.on:where(header.bar, header.bar *) { color: var(--fs-kid-on-ink) !important; font-weight: var(--fs-kid-on-fw) !important; }
}
@media (min-width: 901px) {
html body header.bar .krow a.kid.on:where(header.bar, header.bar *)::after { left: var(--fs-kon-x) !important; right: var(--fs-kon-x) !important; top: var(--fs-kon-t) !important; bottom: var(--fs-kon-b) !important; height: var(--fs-kon-h) !important; width: var(--fs-kon-w) !important; margin-inline: var(--fs-kon-m) !important; background: var(--fs-kon-bg) !important; border-radius: var(--fs-kon-r) !important; box-shadow: var(--fs-kon-sh) !important; z-index: var(--fs-kon-z) !important; }
}
@media (min-width: 901px) {
html body header.bar .krow a.kid:focus-visible:where(header.bar, header.bar *) { outline: 2px solid var(--fs-act) !important; outline-offset: -4px !important; border-radius: 4px !important; }
}
@media (min-width: 901px) {
html body header.bar .svcm:where(header.bar, header.bar *) { background: rgb(255, 255, 255) !important; border: var(--fs-menu-bd) !important; border-radius: var(--fs-menu-r) !important; box-shadow: var(--fs-menu-sh) !important; }
}
@media (min-width: 901px) {
html body header.bar .svcm a:hover:where(header.bar, header.bar *) { background: var(--fs-menu-hov) !important; color: var(--fs-ink) !important; }
}
@media (min-width: 1181px) {
html body header.bar .krow .kids:where(header.bar, header.bar *) { gap: var(--fs-kid-gap) !important; }
}
@media (min-width: 1281px) {
html body header.bar .wm:where(header.bar, header.bar *) { font-size: var(--fs-wm-fs) !important; }
}
@media (min-width: 1281px) {
html body header.bar .wm .mark:where(header.bar, header.bar *) { width: var(--fs-mark) !important; height: var(--fs-mark) !important; }
}
@media (min-width: 1281px) {
html body header.bar .nav:where(header.bar, header.bar *) { gap: var(--fs-nav-gap) !important; }
}
@media (min-width: 1281px) {
html body header.bar .nav a.ptab:where(header.bar, header.bar *) { font-size: var(--fs-nav-fs) !important; }
}
@media (max-width: 900px) {
html body header.bar .barmenu:where(header.bar, header.bar *) { border-radius: var(--fs-burger-r) !important; box-shadow: var(--fs-burger-sh) !important; background: rgb(255, 255, 255) !important; color: var(--fs-ink) !important; border-color: transparent !important; }
}
@media (max-width: 900px) {
html body header.bar .krow:where(header.bar, header.bar *) { background: var(--fs-row2-bg) !important; border-top: var(--fs-row2-bd) !important; }
}
@media (max-width: 900px) {
html body header.bar .krow a.kid:where(header.bar, header.bar *) { color: var(--fs-kid-ink) !important; letter-spacing: var(--fs-kid-ls) !important; text-transform: var(--fs-kid-tt) !important; }
}
@media (max-width: 900px) {
html body header.bar .krow a.kid.on:where(header.bar, header.bar *) { color: var(--fs-kid-on-ink) !important; }
}
@media (max-width: 900px) {
html body header.bar .krow a.kid.on:where(header.bar, header.bar *)::after { background: var(--fs-kon-bg-phone) !important; }
}
@media (prefers-reduced-motion: reduce) {
html body header.bar .nav a.ptab[data-label="Contact Us"]:hover:where(header.bar, header.bar *) { transform: none; }
}
html body header.bar:where(header.bar, header.bar *) { border-top: var(--fs2-bar-top) !important; }
@media (min-width: 901px) {
html body header.bar .nav a.ptab[data-label="Contact Us"]:where(header.bar, header.bar *) { font-size: var(--fs2-cb-fs) !important; letter-spacing: var(--fs2-cb-ls) !important; text-transform: var(--fs2-cb-tt) !important; }
}
@media (min-width: 901px) {
html body header.bar .krow .kids:where(header.bar, header.bar *) { padding-inline: var(--fs2-kids-room) !important; margin-inline: calc(-1 * var(--fs2-kids-room)) !important; }
}
html body header.bar .wm:where(header.bar, header.bar *) { color: var(--fs3-wm-ink) !important; }
html body header.bar .barmenu:where(header.bar, header.bar *) { background: var(--fs3-burger-bg) !important; }
@media (min-width: 901px) {
html body header.bar #navPrimary:where(header.bar, header.bar *) { background-color: var(--fs3-nav-bg) !important; }
}
@media (min-width: 901px) {
html body header.bar .nav a.ptab.cur > span:where(header.bar, header.bar *) { color: inherit !important; }
}
@media (max-width: 900px) {
html body header.bar .krow a.kid.on:where(header.bar, header.bar *) { color: var(--fs3-kid-on-ink-phone) !important; }
}
:where(header.bar) { --fs-act: #005BBF; --fs-bar-bd: 0px solid transparent; --fs-bar-bg: #012350; --fs-bar-sh: 0 18px 34px -24px rgba(1,35,80,.5); --fs-burger-r: 8px; --fs-burger-sh: none; --fs-cb-bg: transparent; --fs-cb-bg-h: rgba(255,255,255,.06); --fs-cb-fw: 550; --fs-cb-ink: rgba(255,255,255,.62); --fs-cb-ink-h: #FFFFFF; --fs-cb-lift: none; --fs-cb-pad: 9px 4px; --fs-cb-r: 0px; --fs-cb-sh: none; --fs-cb-sh-h: none; --fs-cur-b: -20px; --fs-cur-bg: transparent; --fs-cur-h: 0px; --fs-cur-r: 0px; --fs-cur-sh: none; --fs-cur-t: auto; --fs-cur-x: 0px; --fs-cur-z: auto; --fs-ink: #031D40; --fs-kid-fs: 13px; --fs-kid-fw: 600; --fs-kid-gap: 0px; --fs-kid-ink: rgba(255,255,255,.7); --fs-kid-ink-h: #FFFFFF; --fs-kid-ls: 0; --fs-kid-on-fw: 750; --fs-kid-on-ink: #FFFFFF; --fs-kid-tt: none; --fs-kon-b: 0px; --fs-kon-bg: transparent; --fs-kon-bg-phone: #8AB8F7; --fs-kon-h: 0px; --fs-kon-m: 0px; --fs-kon-r: 0px; --fs-kon-sh: none; --fs-kon-t: auto; --fs-kon-w: auto; --fs-kon-x: 0px; --fs-kon-z: auto; --fs-mark: 40px; --fs-menu-bd: 1px solid #C9D7EB; --fs-menu-hov: #EEF4FD; --fs-menu-r: 10px; --fs-menu-sh: 0 24px 48px -24px rgba(1,35,80,.5); --fs-nav-cur-fw: 750; --fs-nav-cur-ink: #FFFFFF; --fs-nav-fs: 15px; --fs-nav-fw: 650; --fs-nav-gap: 0px; --fs-nav-ink: rgba(255,255,255,.62); --fs-nav-ink-h: #FFFFFF; --fs-nav-ls: -.005em; --fs-row1-h: 66px; --fs-row2-bd: 0px solid transparent; --fs-row2-bg: rgba(255,255,255,.045); --fs-row2-h: 44px; --fs-wm-fs: 18.5px; --fs-wm-fw: 800; --fs-wm-ls: -.035em; --fs2-bar-top: 0px solid transparent; --fs2-cb-fs: 14.5px; --fs2-cb-ls: 0; --fs2-cb-tt: none; --fs2-kids-room: 0px; --fs3-burger-bg: #FFFFFF; --fs3-kid-on-ink-phone: #FFFFFF; --fs3-nav-bg: transparent; --fs3-wm-ink: #FFFFFF; }
@media (max-width: 1023px) {
html body header.bar .krow a.kid.on:where(header.bar, header.bar *) { background: transparent !important; }
}
@media (max-width: 900px) {
html body header.bar .krow:where(header.bar, header.bar *) { background: rgb(1, 35, 80) !important; }
}
@media (max-width: 900px) {
html body header.bar .krow a.kid:where(header.bar, header.bar *) { color: rgba(255, 255, 255, 0.72) !important; }
}
@media (max-width: 900px) {
html body header.bar .wm:where(header.bar, header.bar *) { color: rgb(255, 255, 255) !important; }
}
@media (min-width: 901px) {
html body header.bar .wm:where(header.bar, header.bar *) { background: transparent; padding: 0px; }
}
@media (min-width: 1024px) {
html body header.bar #navPrimary:where(header.bar, header.bar *) { align-self: stretch; gap: 0px !important; }
}
@media (min-width: 1024px) {
html body header.bar .nav a.ptab:not([data-label="Contact Us"]):where(header.bar, header.bar *) { align-self: stretch; align-content: center; box-shadow: rgba(255, 255, 255, 0.12) 1px 0px 0px inset; padding: 0px clamp(12px, 1.2vw, 22px) !important; transition-property: background-color, color !important; transition-duration: 0.15s, 0.15s !important; transition-timing-function: ease, ease !important; transition-delay: 0s, 0s !important; transition-behavior: normal, normal !important; }
}
@media (min-width: 1024px) {
html body header.bar .nav a.ptab[href="legal-documents.html"]:where(header.bar, header.bar *) { box-shadow: rgba(255, 255, 255, 0.12) 1px 0px 0px inset, rgba(255, 255, 255, 0.12) -1px 0px 0px inset; }
}
@media (min-width: 1024px) {
html body header.bar .nav a.ptab:not(.cur):not([data-label="Contact Us"]):hover:where(header.bar, header.bar *),
html body header.bar .nav a.ptab[data-svc][aria-expanded="true"]:where(header.bar, header.bar *) { background: rgba(255, 255, 255, 0.07); }
}
@media (min-width: 1024px) {
html body header.bar .nav a.ptab.cur:where(header.bar, header.bar *) { background: linear-gradient(rgb(14, 86, 174) 0%, rgb(4, 69, 145) 100%); box-shadow: rgba(255, 255, 255, 0.18) 1px 0px 0px inset, rgba(255, 255, 255, 0.18) -1px 0px 0px inset; }
}
@media (min-width: 1024px) {
html body header.bar .nav a.ptab[data-svc][aria-expanded="true"]:where(header.bar, header.bar *)::before { display: none !important; }
}
@media (min-width: 1024px) {
html body header.bar .nav a.ptab[data-label="Contact Us"]:where(header.bar, header.bar *) { margin-left: clamp(14px, 1.3vw, 22px); }
}
@media (min-width: 1024px) {
html body header.bar .krow .kids:where(header.bar, header.bar *) { width: 100%; gap: 0px !important; padding-inline: 0px !important; margin-inline: 0px !important; }
}
@media (min-width: 1024px) {
html body header.bar .krow a.kid:where(header.bar, header.bar *) { flex: 1 1 auto; text-align: center; box-shadow: rgb(211, 223, 242) 1px 0px 0px inset; padding: 0px 10px !important; }
}
@media (min-width: 1024px) {
html body header.bar .krow a.kid:last-child:where(header.bar, header.bar *) { box-shadow: rgb(211, 223, 242) 1px 0px 0px inset, rgb(211, 223, 242) -1px 0px 0px inset; }
}
@media (min-width: 1024px) {
html body header.bar .krow a.kid:not(.on):hover:where(header.bar, header.bar *) { background: rgb(246, 249, 255); }
}
@media (min-width: 1024px) {
html body header.bar .krow a.kid.on:where(header.bar, header.bar *) { box-shadow: rgb(1, 35, 80) 1px 0px 0px inset, rgb(1, 35, 80) -1px 0px 0px inset; background: rgb(1, 35, 80) !important; border-radius: 0px !important; }
}
@media (max-width: 900px) {
html body header.bar .krow a.kid.on:where(header.bar, header.bar *) { background: rgba(255, 255, 255, 0.14) !important; border-radius: 6px !important; color: rgb(255, 255, 255) !important; padding: 5px 10px !important; }
}
@media (max-width: 900px) {
html body header.bar .krow a.kid.on:where(header.bar, header.bar *)::after { display: none !important; }
}
@media (max-width: 900px) {
html body header.bar .krow .kids:where(header.bar, header.bar *) { align-items: center !important; }
}
@media (min-width: 901px) {
html body header.bar .wm:where(header.bar, header.bar *),
html body header.bar .wm:hover:where(header.bar, header.bar *) { background: transparent !important; padding: 0px !important; border-radius: 0px !important; box-shadow: none !important; gap: 12px !important; }
}
@media (min-width: 1024px) {
html body header.bar #navPrimary:where(header.bar, header.bar *) { align-self: stretch !important; gap: 0px !important; }
}
@media (min-width: 1024px) {
html body header.bar #navPrimary a.ptab:where(header.bar, header.bar *) { position: relative; }
}
@media (min-width: 1024px) {
html body header.bar #navPrimary#navPrimary a.ptab:where(header.bar, header.bar *),
html body header.bar #navPrimary#navPrimary a.ptab[data-label="Contact Us"]:where(header.bar, header.bar *) { align-self: stretch !important; align-content: center !important; margin: 0px !important; padding: 0px clamp(12px, 1.25vw, 22px) !important; border-radius: 0px !important; background: transparent !important; color: rgba(255, 255, 255, 0.62) !important; box-shadow: transparent 1px 0px 0px inset !important; transform: none !important; font-weight: 550 !important; }
}
@media (min-width: 1024px) {
html body header.bar #navPrimary#navPrimary a.ptab[data-label="Contact Us"]:where(header.bar, header.bar *) { box-shadow: transparent 1px 0px 0px inset, transparent -1px 0px 0px inset !important; }
}
@media (min-width: 1024px) {
html body header.bar #navPrimary#navPrimary a.ptab:not(.cur):hover:where(header.bar, header.bar *) { background: rgba(255, 255, 255, 0.06) !important; color: rgb(255, 255, 255) !important; }
}
@media (min-width: 1024px) {
html body header.bar #navPrimary#navPrimary a.ptab.cur:where(header.bar, header.bar *) { background: transparent !important; color: rgb(255, 255, 255) !important; font-weight: 750 !important; box-shadow: none !important; }
}
@media (min-width: 1024px) {
html body header.bar #navPrimary a.ptab.cur:where(header.bar, header.bar *)::before { display: none !important; }
}
html body header.bar:where(header.bar, header.bar *) { --fs-row2-bg: #FFFFFF; --fs-row2-bd: 0px solid transparent; --fs-row2-h: 42px; --fs-kid-fs: 13px; --fs-kid-fw: 550; --fs-kid-ink: #5E7596; --fs-kid-ink-h: #012350; --fs-kid-on-ink: #012350; --fs-kid-on-fw: 700; --fs-kon-x: 0px; --fs-kon-t: 0px; --fs-kon-b: 0px; --fs-kon-h: auto; --fs-kon-bg: transparent; --fs-kon-r: 0px; --fs-kon-sh: none; --fs-kon-z: -1; }
@media (min-width: 1024px) {
html body header.bar .krow .kids:where(header.bar, header.bar *) { gap: clamp(8px, 1.6vw, 26px) !important; width: auto !important; }
}
@media (min-width: 1024px) {
html body header.bar #navKids#navKids a.kid:where(header.bar, header.bar *),
html body header.bar #navKids#navKids a.kid:last-child:where(header.bar, header.bar *) { flex: 0 0 auto !important; padding: 0px 12px !important; box-shadow: none !important; background: transparent !important; }
}
@media (min-width: 1024px) {
html body header.bar #navKids#navKids a.kid.on:where(header.bar, header.bar *) { background: transparent !important; color: rgb(1, 35, 80) !important; }
}
@media (min-width: 1024px) {
html body header.bar #navKids#navKids a.kid:not(.on):hover:where(header.bar, header.bar *) { color: rgb(1, 35, 80) !important; }
}
@media (min-width: 901px) and (max-width: 1023px) {
html body header.bar #navKids#navKids a.kid.on:where(header.bar, header.bar *) { background: transparent !important; }
}
@media (min-width: 901px) and (max-width: 1023px) {
html body header.bar .krow a.kid.on:where(header.bar, header.bar *)::after { left: -8px !important; right: -8px !important; }
}
@media (min-width: 901px) {
html body header.bar #navPrimary a.ptab:where(header.bar, header.bar *) { position: relative; }
}
html body header.bar #navKids#navKids a.kid.on:where(header.bar, header.bar *) { background: transparent !important; }
@media (max-width: 900px) {
html body header.bar:where(header.bar, header.bar *) { background: rgb(1, 35, 80) !important; }
}
@media (max-width: 900px) {
html body header.bar .wm:where(header.bar, header.bar *) { color: rgb(255, 255, 255) !important; }
}
@media (max-width: 900px) {
html body header.bar .krow:where(header.bar, header.bar *) { background: rgb(255, 255, 255) !important; }
}
@media (max-width: 900px) {
html body header.bar #navKids#navKids a.kid:where(header.bar, header.bar *) { color: rgb(94, 117, 150) !important; background: transparent !important; box-shadow: none !important; }
}
@media (max-width: 900px) {
html body header.bar #navKids#navKids a.kid.on:where(header.bar, header.bar *) { color: rgb(1, 35, 80) !important; background: transparent !important; border-radius: 0px !important; }
}
@media (min-width: 901px) {
html body header.bar #navPrimary#navPrimary a.ptab.cur:where(header.bar, header.bar *) { color: rgb(255, 255, 255) !important; font-weight: 800 !important; }
}
@media (min-width: 901px) {
html body header.bar #navPrimary#navPrimary a.ptab.cur:where(header.bar, header.bar *)::before { display: none !important; }
}
html body header.bar #navKids#navKids a.kid.on:where(header.bar, header.bar *) { color: rgb(1, 35, 80) !important; font-weight: 780 !important; }
html body header.bar #navKids#navKids a.kid.on:where(header.bar, header.bar *)::after { display: none !important; }
html body header.bar:where(header.bar, header.bar *) { --fs-row2-bg: #EEF3FB; --fs-row2-bd: 0px solid transparent; --fs-kid-ink: #455F83; --fs-kid-ink-h: #012350; --fs-kid-on-ink: #012350; background: rgb(1, 35, 80) !important; box-shadow: rgba(1, 35, 80, 0.5) 0px 18px 34px -24px !important; }
html body header.bar .krow:where(header.bar, header.bar *) { background: rgb(238, 243, 251) !important; border-top: 0px solid transparent !important; }
html body header.bar #navKids#navKids a.kid:where(header.bar, header.bar *) { color: rgb(69, 95, 131) !important; }
html body header.bar #navKids#navKids a.kid:hover:where(header.bar, header.bar *) { color: rgb(1, 35, 80) !important; }
html body header.bar #navKids#navKids a.kid.on:where(header.bar, header.bar *) { color: rgb(1, 35, 80) !important; }
@media (min-width: 901px) {
html body header.bar #navPrimary#navPrimary a.ptab:where(header.bar, header.bar *),
html body header.bar #navPrimary#navPrimary a.ptab[data-label="Contact Us"]:where(header.bar, header.bar *) { color: rgba(255, 255, 255, 0.78) !important; font-weight: 550 !important; }
}
@media (min-width: 901px) {
html body header.bar #navPrimary#navPrimary a.ptab.cur:where(header.bar, header.bar *) { color: rgb(255, 255, 255) !important; font-weight: 700 !important; }
}
@media (min-width: 901px) {
html body header.bar #navPrimary#navPrimary a.ptab.cur:where(header.bar, header.bar *)::before { content: "" !important; display: block !important; position: absolute !important; margin: 0px !important; transform: none !important; opacity: 1 !important; clip-path: none !important; inset: calc(50% - 17px) -12px auto !important; height: 34px !important; width: auto !important; background: rgba(138, 184, 247, 0.18) !important; border-radius: 7px !important; box-shadow: none !important; z-index: -1 !important; }
}
@media (min-width: 1024px) {
html body header.bar #navPrimary#navPrimary a.ptab.cur:where(header.bar, header.bar *)::before { left: calc(-12px + clamp(12px, 1.25vw, 22px)) !important; right: calc(-12px + clamp(12px, 1.25vw, 22px)) !important; }
}
html body header.bar #navKids#navKids a.kid.on:where(header.bar, header.bar *) { color: rgb(1, 35, 80) !important; font-weight: 700 !important; }
html body header.bar #navKids#navKids a.kid.on:where(header.bar, header.bar *)::after { content: "" !important; display: block !important; position: absolute !important; margin: 0px !important; transform: none !important; opacity: 1 !important; clip-path: none !important; inset: 8px 0px !important; height: auto !important; width: auto !important; background: rgb(227, 236, 249) !important; border-radius: 6px !important; box-shadow: none !important; z-index: -1 !important; }
html body header.bar #navKids#navKids a.kid.on:where(header.bar, header.bar *)::after { background: rgb(212, 227, 247) !important; }
@media (min-width: 901px) {
html body header.bar #navPrimary#navPrimary a.ptab:not(.cur):hover:where(header.bar, header.bar *),
html body header.bar #navPrimary#navPrimary a.ptab[data-label="Contact Us"]:hover:where(header.bar, header.bar *) { background: transparent !important; }
}
@media (min-width: 901px) {
html body header.bar #navPrimary#navPrimary a.ptab:not(.cur):hover:where(header.bar, header.bar *)::before { content: "" !important; display: block !important; position: absolute !important; margin: 0px !important; transform: none !important; opacity: 1 !important; clip-path: none !important; inset: calc(50% - 17px) -12px auto !important; height: 34px !important; width: auto !important; background: rgba(138, 184, 247, 0.06) !important; border-radius: 7px !important; box-shadow: none !important; z-index: -1 !important; }
}
@media (min-width: 1024px) {
html body header.bar #navPrimary#navPrimary a.ptab:not(.cur):hover:where(header.bar, header.bar *)::before { left: calc(-12px + clamp(12px, 1.25vw, 22px)) !important; right: calc(-12px + clamp(12px, 1.25vw, 22px)) !important; }
}
html body header.bar #navKids#navKids a.kid:not(.on):hover:where(header.bar, header.bar *)::after { content: "" !important; display: block !important; position: absolute !important; margin: 0px !important; transform: none !important; opacity: 1 !important; box-shadow: none !important; clip-path: none !important; inset: 8px 0px !important; height: auto !important; width: auto !important; background: rgb(231, 238, 249) !important; border-radius: 6px !important; z-index: -1 !important; }
html body header.bar :is(#navPrimary a.ptab, #navKids a.kid):focus-visible:where(header.bar, header.bar *) { outline: rgb(138, 184, 247) solid 2px !important; outline-offset: 2px !important; border-radius: 6px !important; }
html body header.bar :is(#navPrimary a.ptab, #navKids a.kid):where(header.bar, header.bar *) { transition-property: background-color, color, box-shadow !important; transition-duration: 0.18s, 0.18s, 0.18s !important; transition-timing-function: ease, ease, ease !important; transition-delay: 0s, 0s, 0s !important; transition-behavior: normal, normal, normal !important; }
@media (max-width: 900px) {
html body header.bar:where(header.bar, header.bar *) { background: rgb(1, 35, 80) !important; }
}
@media (max-width: 900px) {
html body header.bar .wm:where(header.bar, header.bar *) { color: rgb(255, 255, 255) !important; }
}
@media (max-width: 900px) {
html body header.bar .krow:where(header.bar, header.bar *) { background: rgb(238, 243, 251) !important; }
}
@media (max-width: 900px) {
html body header.bar #navKids#navKids a.kid:where(header.bar, header.bar *) { color: rgb(69, 95, 131) !important; background: transparent !important; box-shadow: none !important; }
}
@media (max-width: 900px) {
html body header.bar #navKids#navKids a.kid.on:where(header.bar, header.bar *) { color: rgb(1, 35, 80) !important; background: rgb(212, 227, 247) !important; border-radius: 6px !important; }
}
:where(header.bar) { --fs-row2-bg: #E8EFFA; }
html body header.bar:where(header.bar, header.bar *) { --fs-row2-bg: #E8EFFA; }
html body header.bar .krow:where(header.bar, header.bar *) { background: rgb(232, 239, 250) !important; }
@media (min-width: 901px) {
html body header.bar #navPrimary#navPrimary a.ptab.cur:where(header.bar, header.bar *) { color: rgb(255, 255, 255) !important; }
}
@media (min-width: 901px) {
html body header.bar #navPrimary#navPrimary a.ptab.cur:where(header.bar, header.bar *)::before { background: rgba(138, 184, 247, 0.3) !important; }
}
html body header.bar #navKids#navKids a.kid.on:where(header.bar, header.bar *) { color: rgb(1, 35, 80) !important; }
html body header.bar #navKids#navKids a.kid.on:where(header.bar, header.bar *)::after { background: rgb(186, 209, 242) !important; }
html body header.bar #navKids#navKids a.kid:not(.on):hover:where(header.bar, header.bar *)::after { background: rgb(212, 226, 245) !important; }
@media (max-width: 900px) {
html body header.bar .krow:where(header.bar, header.bar *) { background: rgb(232, 239, 250) !important; }
}
@media (max-width: 900px) {
html body header.bar #navKids#navKids a.kid.on:where(header.bar, header.bar *) { background: rgb(186, 209, 242) !important; color: rgb(1, 35, 80) !important; }
}
html body header.bar .krow:where(header.bar, header.bar *) { background: rgb(237, 241, 248) !important; }
html body header.bar:where(header.bar, header.bar *) { --fs-row2-bg: #EDF1F8; }
@media (max-width: 900px) {
html body header.bar .krow:where(header.bar, header.bar *) { background: rgb(237, 241, 248) !important; }
}
@media (min-width: 901px) {
html body header.bar #navPrimary#navPrimary a.ptab.cur:where(header.bar, header.bar *)::before { background: rgba(138, 184, 247, 0.26) !important; box-shadow: rgba(0, 0, 0, 0.35) 0px 2px 4px inset !important; }
}
@media (min-width: 901px) {
html body header.bar #navPrimary#navPrimary a.ptab:not(.cur):hover:where(header.bar, header.bar *)::before { display: none !important; }
}
@media (min-width: 901px) {
html body header.bar #navPrimary#navPrimary a.ptab:not(.cur):hover:where(header.bar, header.bar *) { color: rgb(255, 255, 255) !important; }
}
html body header.bar #navKids#navKids a.kid.on:where(header.bar, header.bar *)::after { background: rgb(198, 217, 244) !important; box-shadow: rgba(1, 35, 80, 0.2) 0px 2px 4px inset !important; }
html body header.bar #navKids#navKids a.kid:not(.on):hover:where(header.bar, header.bar *)::after { background: rgb(255, 255, 255) !important; box-shadow: rgba(1, 35, 80, 0.25) 0px 2px 6px -2px, rgb(220, 225, 232) 0px 0px 0px 1px inset !important; }
:where(header.bar) { --fs-bar-bg: #004594; --fs-row2-bg: #ECF3FD; --fs-act: #0760C6; }
html body header.bar:where(header.bar, header.bar *) { background: rgb(0, 69, 148) !important; }
html body header.bar .krow:where(header.bar, header.bar *) { background: rgb(236, 243, 253) !important; }
html body header.bar #navKids#navKids a.kid:where(header.bar, header.bar *) { color: rgb(50, 73, 104) !important; }
html body header.bar #navKids#navKids a.kid.on:where(header.bar, header.bar *) { color: rgb(0, 46, 102) !important; }
html body header.bar #navKids#navKids a.kid.on:where(header.bar, header.bar *)::after { background: rgb(191, 216, 251) !important; box-shadow: rgba(10, 30, 60, 0.16) 0px 2px 4px inset !important; }
@media (min-width: 901px) {
html body header.bar #navPrimary#navPrimary a.ptab:where(header.bar, header.bar *),
html body header.bar #navPrimary#navPrimary a.ptab[data-label="Contact Us"]:where(header.bar, header.bar *) { color: rgb(255, 255, 255) !important; }
}
@media (min-width: 901px) {
html body header.bar #navPrimary#navPrimary a.ptab.cur:where(header.bar, header.bar *) { color: rgb(255, 255, 255) !important; }
}
@media (min-width: 901px) {
html body header.bar #navPrimary#navPrimary a.ptab.cur:where(header.bar, header.bar *)::before { background: transparent !important; box-shadow: none !important; }
}
@media (max-width: 900px) {
html body header.bar:where(header.bar, header.bar *) { background: rgb(0, 69, 148) !important; }
}
@media (max-width: 900px) {
html body header.bar .krow:where(header.bar, header.bar *) { background: rgb(236, 243, 253) !important; }
}
@media (max-width: 900px) {
html body header.bar #navKids#navKids a.kid.on:where(header.bar, header.bar *) { background: rgb(191, 216, 251) !important; color: rgb(0, 46, 102) !important; }
}
@media (min-width: 901px) {
html body header.bar #navPrimary#navPrimary a.ptab:not(.cur):hover:where(header.bar, header.bar *) { color: rgb(255, 255, 255) !important; }
}
html body header.bar :is(#navPrimary a.ptab, #navKids a.kid):focus-visible:where(header.bar, header.bar *) { outline-color: rgb(73, 137, 226) !important; }
html body header.bar:where(header.bar, header.bar *) { --fs-bar-bg: #004594; --fs-bar-sh: 0 1px 0 rgba(0,69,148,.14), 0 10px 20px -16px rgba(0,69,148,.45); background: rgb(0, 69, 148) !important; box-shadow: rgba(0, 69, 148, 0.14) 0px 1px 0px, rgba(0, 69, 148, 0.45) 0px 10px 20px -16px !important; }
html body header.bar :is(.wm, #navPrimary a.ptab):where(header.bar, header.bar *) { -webkit-font-smoothing: antialiased; }
html body header.bar .wm:where(header.bar, header.bar *) { color: rgb(255, 255, 255) !important; }
@media (min-width: 901px) {
html body header.bar #navPrimary#navPrimary a.ptab:where(header.bar, header.bar *),
html body header.bar #navPrimary#navPrimary a.ptab[data-label="Contact Us"]:where(header.bar, header.bar *) { color: rgb(225, 236, 252) !important; font-weight: 650 !important; letter-spacing: 0.003em !important; }
}
@media (min-width: 901px) {
html body header.bar #navPrimary#navPrimary a.ptab:not(.cur):hover:where(header.bar, header.bar *),
html body header.bar #navPrimary#navPrimary a.ptab[data-label="Contact Us"]:hover:where(header.bar, header.bar *) { color: rgb(255, 255, 255) !important; }
}
@media (min-width: 901px) {
html body header.bar #navPrimary#navPrimary a.ptab.cur:where(header.bar, header.bar *) { color: rgb(0, 50, 112) !important; font-weight: 750 !important; }
}
@media (min-width: 901px) {
html body header.bar #navPrimary#navPrimary a.ptab.cur:where(header.bar, header.bar *)::before { background: rgb(197, 219, 251) !important; box-shadow: rgba(0, 22, 60, 0.3) 0px 2px 3px inset !important; border-radius: 7px !important; }
}
html body header.bar:where(header.bar, header.bar *) { --fs-row2-bg: #ECF3FD; }
html body header.bar .krow:where(header.bar, header.bar *) { background: rgb(236, 243, 253) !important; box-shadow: none !important; }
html body header.bar #navKids#navKids a.kid:where(header.bar, header.bar *) { color: rgb(50, 73, 104) !important; }
html body header.bar #navKids#navKids a.kid:not(.on):hover:where(header.bar, header.bar *) { color: rgb(0, 32, 75) !important; }
html body header.bar #navKids#navKids a.kid.on:where(header.bar, header.bar *) { color: rgb(0, 46, 102) !important; font-weight: 700 !important; }
html body header.bar #navKids#navKids a.kid.on:where(header.bar, header.bar *)::after { background: rgb(191, 216, 251) !important; box-shadow: rgba(0, 22, 60, 0.18) 0px 2px 4px inset !important; }
@media (max-width: 900px) {
html body header.bar:where(header.bar, header.bar *) { background: rgb(0, 69, 148) !important; }
}
@media (max-width: 900px) {
html body header.bar .krow:where(header.bar, header.bar *) { background: rgb(236, 243, 253) !important; }
}
@media (max-width: 900px) {
html body header.bar #navKids#navKids a.kid.on:where(header.bar, header.bar *) { background: rgb(191, 216, 251) !important; color: rgb(0, 46, 102) !important; }
}
@media (min-width: 901px) {
html body header.bar #navPrimary#navPrimary a.ptab:not(.cur):hover:where(header.bar, header.bar *)::before,
html body header.bar #navPrimary#navPrimary a.ptab[data-label="Contact Us"]:not(.cur):hover:where(header.bar, header.bar *)::before { content: "" !important; display: block !important; position: absolute !important; margin: 0px !important; transform: none !important; opacity: 1 !important; clip-path: none !important; inset: calc(50% - 17px) -12px auto !important; height: 34px !important; width: auto !important; z-index: -1 !important; background: transparent !important; border-radius: 7px !important; box-shadow: rgba(255, 255, 255, 0.42) 0px 0px 0px 1.5px inset !important; }
}
@media (min-width: 1024px) {
html body header.bar #navPrimary#navPrimary a.ptab:not(.cur):hover:where(header.bar, header.bar *)::before { left: calc(-12px + clamp(12px, 1.25vw, 22px)) !important; right: calc(-12px + clamp(12px, 1.25vw, 22px)) !important; }
}
@media (min-width: 901px) {
html body header.bar #navPrimary#navPrimary a.ptab.cur:where(header.bar, header.bar *) { color: rgb(0, 60, 133) !important; }
}
@media (min-width: 901px) {
html body header.bar #navPrimary#navPrimary a.ptab.cur:where(header.bar, header.bar *)::before { background: rgb(213, 231, 255) !important; box-shadow: rgb(143, 184, 242) 0px 0px 0px 1px inset, rgba(0, 40, 100, 0.12) 0px 2px 3px inset !important; }
}
html body header.bar #navKids#navKids a.kid.on:where(header.bar, header.bar *) { color: rgb(0, 60, 133) !important; }
html body header.bar #navKids#navKids a.kid.on:where(header.bar, header.bar *)::after { background: rgb(207, 227, 255) !important; box-shadow: rgb(143, 184, 242) 0px 0px 0px 1px inset, rgba(0, 40, 100, 0.1) 0px 2px 3px inset !important; }
@media (max-width: 900px) {
html body header.bar #navKids#navKids a.kid.on:where(header.bar, header.bar *) { background: rgb(207, 227, 255) !important; color: rgb(0, 60, 133) !important; box-shadow: rgb(143, 184, 242) 0px 0px 0px 1px inset !important; }
}
@media (min-width: 901px) {
html body header.bar #navPrimary#navPrimary a.ptab.cur:where(header.bar, header.bar *)::before { background: radial-gradient(3.5px at calc(100% - 9px) 9px, rgb(31, 143, 234) 0px, rgb(31, 143, 234) 3.5px, rgba(0, 0, 0, 0) 3.6px), rgb(255, 255, 255) !important; box-shadow: rgb(143, 184, 242) 0px 0px 0px 1px inset !important; right: calc(-1px) !important; }
}
@media (min-width: 901px) {
html body header.bar #navPrimary#navPrimary a.ptab.cur:where(header.bar, header.bar *) { color: rgb(0, 69, 148) !important; }
}
@media (min-width: 901px) {
html body header.bar #navKids#navKids a.kid.on:where(header.bar, header.bar *)::after { right: -7px !important; }
}
html body header.bar #navKids#navKids a.kid.on:where(header.bar, header.bar *)::after { background: radial-gradient(3.5px at calc(100% - 9px) 9px, rgb(31, 143, 234) 0px, rgb(31, 143, 234) 3.5px, rgba(0, 0, 0, 0) 3.6px), rgb(255, 255, 255) !important; box-shadow: rgb(143, 184, 242) 0px 0px 0px 1px inset !important; }
html body header.bar #navKids#navKids a.kid.on:where(header.bar, header.bar *) { color: rgb(0, 69, 148) !important; }
@media (max-width: 900px) {
html body header.bar #navKids#navKids a.kid.on:where(header.bar, header.bar *) { isolation: isolate; background: transparent !important; color: rgb(0, 69, 148) !important; box-shadow: none !important; z-index: 0 !important; }
}
@media (max-width: 900px) {
html body header.bar #navKids#navKids a.kid.on:where(header.bar, header.bar *)::after { inset: 0px -7px 0px 0px !important; border-radius: 6px !important; }
}
html body header.bar .krow:where(header.bar, header.bar *) { background: rgb(211, 221, 236) !important; }
:where(header.bar) { --fs-bar-sh: none; }
html body header.bar:where(header.bar, header.bar *) { box-shadow: none !important; }
html body header.bar .mark.mark svg text > tspan:nth-child(2n+1):where(header.bar, header.bar *) { fill: rgb(0, 0, 0) !important; }
html body header.bar .mark.mark svg text > tspan:nth-child(2):where(header.bar, header.bar *) { fill: rgb(11, 87, 245) !important; }
html body header.bar .mark.mark svg circle:where(header.bar, header.bar *) { fill: rgb(255, 255, 255) !important; stroke: rgb(11, 87, 245) !important; }
html body header.bar #navKids#navKids#navKids a.kid:not(.on):hover:where(header.bar, header.bar *)::after { box-shadow: rgb(142, 154, 173) 0px 0px 0px 1px inset !important; }
html body header.bar #navKids#navKids#navKids a.kid.on:where(header.bar, header.bar *)::after,
html body header.bar #navKids#navKids#navKids a.kid.on:hover:where(header.bar, header.bar *)::after { box-shadow: rgb(143, 184, 242) 0px 0px 0px 1px inset !important; }
html body header.bar #navSvc#navSvc#navSvc:where(header.bar, header.bar *) { box-shadow: rgb(211, 218, 230) 0px 0px 0px 1px !important; }
@media (max-width: 900px) {
html body header.bar #navPrimary#navPrimary#navPrimary:where(header.bar, header.bar *) { box-shadow: rgb(211, 218, 230) 0px -1px 0px inset !important; }
}
@media (min-width: 761px) {
html body header.bar:where(header.bar, header.bar *) { --pad: clamp(24px, 4vw, 72px); --maxw: min(1440px, calc(100% - 2 * clamp(24px, 4vw, 72px))); --grid-edge: max(var(--pad), calc((100% - var(--maxw)) / 2)); --wpad: var(--grid-edge); --nav-gutter: var(--grid-edge); }
}
@media (min-width: 761px) {
:where(header.bar) { --pad: clamp(24px, 4vw, 72px); --maxw: min(1440px, calc(100% - 2 * clamp(24px, 4vw, 72px))); --grid-edge: max(var(--pad), calc((100% - var(--maxw)) / 2)); --wpad: var(--grid-edge); }
}
@media (max-width: 900px) {
html body header.bar .brow:where(header.bar, header.bar *) { padding-top: 11px !important; padding-bottom: 11px !important; }
}
@media (max-width: 1023px) {
html body header.bar #navKids#navKids a.kid:where(header.bar, header.bar *) { padding-top: 5px !important; padding-bottom: 5px !important; }
}
@media (max-width: 900px) {
html body header.bar #navKids#navKids:where(header.bar, header.bar *) { column-gap: 0px !important; }
}
@media (max-width: 900px) {
html body header.bar #navKids#navKids a.kid:where(header.bar, header.bar *) { padding-left: 10px !important; padding-right: 10px !important; }
}
@media (max-width: 900px) {
html body header.bar #navKids#navKids a.kid[data-t]:where(header.bar, header.bar *) { display: inline-flex !important; flex-direction: column !important; align-items: center !important; }
}
@media (max-width: 900px) {
html body header.bar #navKids#navKids a.kid[data-t]:where(header.bar, header.bar *)::before { content: attr(data-t); order: 1; height: 0px; overflow: hidden; visibility: hidden; font-weight: 700; pointer-events: none; }
}

/* ---- inner-page additions ------------------------------------------------
   Phones: the homepage's section row always overflows (eight sections), so its peek
   tuner always sets the gap. An inner page's row can already fit (Legal Documents: 3
   sections, Management Team: 2), the tuner then leaves the homepage's 0 gap and the
   current section's pill sits flush against the next link. A 14px floor — the gap the
   tuner picks on the homepage at 390px; the tuner still overrides it inline where the
   row overflows. (761-900px: site-nav/nav-settle.css 1g, for every page.) */
@media (max-width: 760px) {
html body header.bar #navKids#navKids#navKids { column-gap: 14px !important; }
}
