/* Platform 4.0 RC8 navigation: Langley menu behaviour + reliable fixed header */
:root{--fixed-header-height:116px}
html{scroll-padding-top:calc(var(--fixed-header-height) + 12px)}
body{padding-top:var(--fixed-header-height)!important}
header{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  z-index:1200!important;
  background:rgba(255,255,255,.98)!important;
  box-shadow:0 2px 14px rgba(17,19,24,.10)!important;
}
@supports ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}
@media(max-width:960px){
  .nav{position:relative!important}
  .menu{display:block!important;position:relative!important;z-index:1202!important}
  .nav>nav{display:none!important}
  .nav.open>nav{
    display:flex!important;
    position:fixed!important;
    top:var(--fixed-header-height)!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    background:#fff!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:0!important;
    padding:16px!important;
    max-height:calc(100dvh - var(--fixed-header-height))!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    box-shadow:0 18px 38px rgba(17,19,24,.18)!important;
    z-index:1201!important;
  }
  .nav.open .nav-home,.nav.open .nav-group>summary{display:block!important;padding:12px 10px!important;border-bottom:1px solid var(--line)!important;cursor:pointer!important}
  .nav.open .nav-group{display:block!important;width:100%!important}
  .nav.open .nav-drop{display:block!important;position:static!important;box-shadow:none!important;border:0!important;border-radius:0!important;padding:3px 0 9px 16px!important;min-width:0!important;background:#fff!important}
  .nav.open .nav-drop a{display:block!important;padding:9px 10px!important;text-transform:none!important;letter-spacing:0!important;white-space:normal!important}
  .nav.open .nav-group>summary:after{content:' +'!important;float:right!important;font-size:1rem!important}
  .nav.open .nav-group[open]>summary:after{content:' −'!important}
  body.menu-open{overflow:hidden!important}
}
