/* Shared signed-out navigation for marketing, login/signup and legal pages.
   Match navigation.js: the public drawer becomes a horizontal bar at 960px.
   Marketing pages inject this sheet last, so its breakpoint must also agree
   with the public JavaScript breakpoint on every page. */
/* Own the public menu palette at every size, including standalone pages such
   as Nytt and demo which do not load the broader public-clean-look stylesheet. */
html body:is(#vf-app,#vf-public).vf-shell.public-shell :is(.vf-site-header,.vf-navigation) {
  --vf-nav-bg:#fbfbfa;
  --vf-control-bg:#f0f2f6;
  --vf-control-line:#dde2eb;
  --vf-text:#253047;
  --vf-muted:#596579;
  background:#fbfbfa!important;
  color:#253047!important;
  border-color:#dde2eb!important;
  color-scheme:light;
}
html body:is(#vf-app,#vf-public).vf-shell.public-shell .vf-nav-heading {
  color:#253047!important;
  -webkit-text-fill-color:#253047!important;
}
html body:is(#vf-app,#vf-public).vf-shell.public-shell :is(.vf-menu-toggle,.vf-nav-heading button) {
  background:#f0f2f6!important;
  color:#253047!important;
  -webkit-text-fill-color:#253047!important;
  border-color:#dde2eb!important;
}
html body:is(#vf-app,#vf-public).vf-shell.public-shell .vf-navigation nav a {
  color:#394960!important;
  -webkit-text-fill-color:#394960!important;
}
html body:is(#vf-app,#vf-public).vf-shell.public-shell .vf-navigation nav a:hover {
  background:#f0f2f6!important;
}
html body:is(#vf-app,#vf-public).vf-shell.public-shell .vf-navigation nav a[aria-current="page"] {
  background:#e7edfb!important;
  border-color:#cfdaee!important;
  color:#315bba!important;
  -webkit-text-fill-color:#315bba!important;
}
html body:is(#vf-app,#vf-public).vf-shell.public-shell :is(.vf-site-header,.vf-navigation) svg.vf-icon {
  color:inherit!important;
}
html body:is(#vf-app,#vf-public).vf-shell.public-shell :is(.vf-site-header,.vf-navigation) :is(a,button):focus-visible {
  outline:3px solid #315bba!important;
  outline-offset:3px!important;
}
html body:is(#vf-app,#vf-public).vf-shell.public-shell .vf-nav-scrim {
  background:rgba(37,48,71,.4);
}
html body:is(#vf-app,#vf-public).vf-shell.public-shell .vf-site-header {
  width:100%;
  box-sizing:border-box;
  min-height:64px;
  display:flex;
  align-items:center;
  padding-inline:clamp(16px,2.2vw,28px);
  background:#fbfbfa!important;
  border-bottom:1px solid #dde2eb!important;
}
html body:is(#vf-app,#vf-public).vf-shell.public-shell .vf-site-header .brand {
  color:#253047!important;
  -webkit-text-fill-color:#253047!important;
}
html body:is(#vf-app,#vf-public).vf-shell.public-shell .vf-site-header .brand-icon {
  width:34px;height:34px;object-fit:contain;
}
@media (min-width:960px) {
  html body:is(#vf-app,#vf-public).vf-shell.public-shell .vf-menu-toggle {
    display:none!important;
  }
  html body:is(#vf-app,#vf-public).vf-shell.public-shell .vf-navigation {
    display:flex!important;
    visibility:visible!important;
    transform:none!important;
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    max-width:none!important;
    height:auto!important;
    min-height:60px!important;
    max-height:none!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    gap:clamp(10px,1.7vw,24px)!important;
    padding:7px clamp(16px,2.2vw,28px)!important;
    margin:0!important;
    background:#fbfbfa!important;
    border:0!important;
    border-bottom:1px solid #dde2eb!important;
    border-radius:0!important;
    overflow:visible!important;
    box-shadow:none!important;
    z-index:90;
    box-sizing:border-box;
  }
  html body:is(#vf-app,#vf-public).vf-shell.public-shell .vf-navigation .vf-nav-heading,
  html body:is(#vf-app,#vf-public).vf-shell.public-shell .vf-nav-scrim {
    display:none!important;
  }
  html body:is(#vf-app,#vf-public).vf-shell.public-shell .vf-navigation nav.vf-nav-primary {
    display:flex!important;
    flex:1 1 auto!important;
    min-width:0!important;
    width:auto!important;
    max-width:100%!important;
    height:auto!important;
    flex-direction:row!important;
    align-items:center!important;
    gap:clamp(2px,.35vw,7px)!important;
    margin:0!important;
    padding:0!important;
    flex-wrap:wrap!important;
    overflow:visible!important;
    scrollbar-width:thin;
    scrollbar-color:#ced6e3 transparent;
  }
  html body:is(#vf-app,#vf-public).vf-shell.public-shell .vf-navigation nav.vf-nav-secondary {
    display:flex!important;
    flex:0 0 auto!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    align-items:center!important;
    flex-direction:row!important;
    gap:6px!important;
    border:0!important;
    margin:0 0 0 auto!important;
    padding:0!important;
    overflow:visible!important;
  }
  html body:is(#vf-app,#vf-public).vf-shell.public-shell .vf-navigation nav a {
    display:inline-flex!important;
    flex:0 0 auto!important;
    width:auto!important;
    min-width:0!important;
    min-height:44px!important;
    white-space:nowrap!important;
    overflow-wrap:normal!important;
    justify-content:center!important;
    align-items:center!important;
    padding:9px clamp(8px,.7vw,13px)!important;
    border:1px solid transparent!important;
    border-radius:11px!important;
    font-size:clamp(13px,.95vw,15px)!important;
    font-weight:650!important;
    line-height:1.2!important;
    background:transparent!important;
    color:#394960!important;
    -webkit-text-fill-color:#394960!important;
    text-decoration:none!important;
    box-sizing:border-box!important;
  }
  html body:is(#vf-app,#vf-public).vf-shell.public-shell .vf-navigation nav a .vf-icon {
    width:18px!important;
    height:18px!important;
    flex:none!important;
  }
  html body:is(#vf-app,#vf-public).vf-shell.public-shell .vf-navigation nav a:hover {
    background:#f0f2f6!important;
    color:#253047!important;
    -webkit-text-fill-color:#253047!important;
  }
  html body:is(#vf-app,#vf-public).vf-shell.public-shell .vf-navigation nav a[aria-current="page"] {
    background:#e7edfb!important;
    border-color:#cfdaee!important;
    color:#315bba!important;
    -webkit-text-fill-color:#315bba!important;
  }
  html body:is(#vf-app,#vf-public).vf-shell.public-shell .vf-navigation nav.vf-nav-secondary a:last-child {
    background:#315bba!important;
    border-color:#315bba!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
  }
  html body:is(#vf-app,#vf-public).vf-shell.public-shell .vf-navigation nav.vf-nav-secondary a:last-child svg {
    color:#fff!important;
  }
  html body:is(#vf-app,#vf-public).vf-shell.public-shell.vf-nav-open {
    overflow:auto!important;
  }
}
/* Below the desktop breakpoint, keep the accessible touch/keyboard drawer. */
@media (max-width:959px) {
  html body:is(#vf-app,#vf-public).vf-shell.public-shell .vf-site-header .vf-menu-toggle {
    display:inline-flex!important;
  }
  html body:is(#vf-app,#vf-public).vf-shell.public-shell:not(.vf-nav-open) .vf-navigation {
    visibility:hidden;
    transform:translateX(-105%);
  }
  html body:is(#vf-app,#vf-public).vf-shell.public-shell.vf-nav-open .vf-navigation {
    visibility:visible;
    transform:none;
  }
}
@media (max-width:390px) {
  html body:is(#vf-app,#vf-public).vf-shell.public-shell .vf-site-header {padding-inline:12px;}
  html body:is(#vf-app,#vf-public).vf-shell.public-shell .vf-site-header .brand {font-size:18px!important;}
}

/* Shared wide header for marketing, legal and authentication pages. */
@media(min-width:1200px){
 html body:is(#vf-app,#vf-public).vf-shell.public-shell>.vf-site-header{height:72px;min-height:72px!important;padding-block:10px!important}
 html body:is(#vf-app,#vf-public).vf-shell.public-shell>.vf-navigation{position:sticky!important;top:0!important;height:72px!important;width:calc(100% - 176px)!important;margin-top:-72px!important;margin-left:176px!important;padding:12px 24px 12px 8px!important;z-index:101!important;gap:8px!important}
 html body:is(#vf-app,#vf-public).vf-shell.public-shell>.vf-navigation .vf-nav-primary svg,html body:is(#vf-app,#vf-public).vf-shell.public-shell>.vf-navigation .vf-nav-primary img{display:none}
 html body:is(#vf-app,#vf-public).vf-shell.public-shell>.vf-navigation nav a{font-size:14px;padding-inline:10px}
}