@charset "utf-8";

/* Emulate 80% browser zoom without leaving 20% of the viewport blank. */
@media (min-width: 769px) {
  :root {
    --fc-desktop-header-height: 56px;
    --fc-desktop-header-canvas: 1250px;
    --fc-desktop-header-nav-width: 582px;
    --fc-desktop-header-nav-left: calc(50% - 431px);
  }

  html {
    zoom: 0.8 !important;
    scrollbar-gutter: stable !important;
  }

  html,
  body {
    overflow-x: hidden !important;
  }

  #web {
    width: 100% !important;
    min-width: 0 !important;
  }

  #webHeaderTable,
  #webHeaderContent,
  #webHeaderContentBg,
  .webContainerTable,
  #webFooter,
  #webFooterTable,
  .fullmeasureContainer,
  .fullmeasureOuterContentPage,
  .fullmeasureOuterContent {
    width: 100% !important;
  }

  /* One authoritative desktop header coordinate system for every template. */
  html body #webHeaderTable,
  html body .fc-site-header {
    position: sticky !important;
    top: 0 !important;
    left: 0 !important;
    z-index: 1000 !important;
    height: var(--fc-desktop-header-height) !important;
    background: #fff !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
  }

  /* The legacy runtime hides header layers and leaves the fixed navigation in
     a low stacking context while scrolling. Keep the complete header opaque
     and above page content in both its initial and scrolled states. */
  html body #webHeaderTable,
  html body #webHeaderContent,
  html body #webHeaderContentBg,
  html body #fk-webHeaderZone,
  html body .fc-site-header {
    visibility: visible !important;
    opacity: 1 !important;
  }

  html body #webHeaderContent,
  html body #webHeaderContentBg {
    background: #fff !important;
  }

  html body #webNav {
    position: relative !important;
    z-index: 1001 !important;
  }

  html body #navV2,
  html body .fc-primary-nav {
    z-index: 1002 !important;
  }

  html body #webHeaderContent,
  html body #webHeaderContentBg {
    top: 0 !important;
    left: 0 !important;
    height: var(--fc-desktop-header-height) !important;
  }

  html body #fk-webHeaderZone,
  html body .fc-header-inner {
    position: fixed !important;
    top: 0 !important;
    left: calc(50% - (var(--fc-desktop-header-canvas) / 2)) !important;
    width: var(--fc-desktop-header-canvas) !important;
    height: var(--fc-desktop-header-height) !important;
    margin: 0 !important;
  }

  /* The legacy navbar keeps a four-column viewport even though it contains
     six links. At the 80% desktop scale the last two links wrap to a hidden
     second row. Give the nav its real six-item width and stop clipping it. */
  #navV2 .navMainContent,
  #navV2 .navCenter,
  #navV2 .navCenterContent,
  #navV2 .itemContainer {
    width: var(--fc-desktop-header-nav-width) !important;
    max-width: none !important;
    overflow: visible !important;
  }

  #navV2 .itemContainer {
    white-space: nowrap !important;
  }

  /* Use one fixed viewport reference for every legacy header. Some pages keep
     #navV2 absolute while others switch it to fixed, which makes identical
     left values land in different places. */
  html body #navV2,
  html body .fc-primary-nav {
    position: fixed !important;
    top: 0 !important;
    left: var(--fc-desktop-header-nav-left) !important;
    width: var(--fc-desktop-header-nav-width) !important;
    height: var(--fc-desktop-header-height) !important;
    margin: 0 !important;
  }

  html body #navV2 .navMainContent {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  html body #webHeaderTable,
  html body #webHeaderContent,
  html body #webHeaderContentBg,
  html body .fc-site-header {
    width: 125vw !important;
    max-width: 125vw !important;
  }

  html body #fk-webHeaderZone > .formStyle79 img,
  html body .fc-site-header .fc-brand img {
    width: 130px !important;
    height: 36px !important;
    object-fit: contain !important;
  }

  /* Keep both legacy header actions on the same outer box dimensions. */
  html body #fk-webHeaderZone > .formStyle81 {
    box-sizing: border-box !important;
    width: 128px !important;
    height: 42px !important;
  }

  html body #fk-webHeaderZone > .formStyle81 a,
  html body .fc-nav-actions > a {
    box-sizing: border-box !important;
    width: 108px !important;
    height: 32px !important;
  }

  /* The standalone solution page uses flex gaps. Normalize it to the same
     six 100px columns used by every legacy navbar. */
  .fc-primary-nav {
    display: grid !important;
    grid-template-columns: repeat(6, 97px) !important;
    flex: 0 0 var(--fc-desktop-header-nav-width) !important;
    gap: 0 !important;
    width: var(--fc-desktop-header-nav-width) !important;
    height: var(--fc-desktop-header-height) !important;
  }

  .fc-primary-nav > a {
    width: 97px !important;
    height: var(--fc-desktop-header-height) !important;
    justify-content: center !important;
  }

  /* The solution page header lives inside the zoomed document. Keep the body
     out of the scroll-container chain so its sticky header can follow the
     viewport, and keep the header contents positioned inside that sticky box. */
  html body.fc-solution-page {
    overflow-x: clip !important;
    overflow-y: visible !important;
  }

  html body.fc-solution-page .fc-header-inner {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    margin: 0 auto !important;
  }
}

@media (min-width: 1041px) {
  html body.fc-solution-page .fc-primary-nav {
    position: absolute !important;
    top: 0 !important;
    left: 277.86px !important;
  }
}