@import url('/styles-v18.css?rev=20260822-2206');

/* Navigation preference — keep the public menu visible on a single top line.
   Compact screens retain one horizontal row and scroll it when space is tight;
   the hamburger treatment from v18 stays disabled. */
html body .site-header .nav-toggle{display:none!important}

@media(max-width:1060px){
  html body .site-header .nav-wrap{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:space-between!important;
    min-height:66px!important;
    gap:12px!important;
    padding-top:7px!important;
    padding-bottom:7px!important;
    overflow:visible!important;
  }
  html body .site-header .brand{
    align-self:center!important;
    flex:0 0 auto!important;
    margin:0!important;
  }
  html body .site-header nav.premium-nav,
  html body .site-header nav.premium-nav.is-open{
    position:static!important;
    display:flex!important;
    flex:1 1 auto!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:flex-start!important;
    width:auto!important;
    min-width:0!important;
    max-width:100%!important;
    max-height:none!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    overscroll-behavior-x:contain!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
    gap:2px!important;
    padding:2px 0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    white-space:nowrap!important;
  }
  html body .site-header nav.premium-nav::-webkit-scrollbar{display:none!important}
  html body .site-header nav.premium-nav a{
    display:inline-flex!important;
    flex:0 0 auto!important;
    width:auto!important;
    min-width:max-content!important;
    min-height:34px!important;
    align-items:center!important;
    justify-content:center!important;
    padding:7px 8px!important;
    border:0!important;
    border-radius:8px!important;
    background:transparent!important;
    color:#244f67!important;
    font-size:.64rem!important;
    line-height:1!important;
    text-align:center!important;
    white-space:nowrap!important;
  }
  html body .site-header nav.premium-nav a:hover{
    background:rgba(34,137,136,.06)!important;
    color:#145f64!important;
  }
  html body .site-header nav.premium-nav a[aria-current='page']{
    background:rgba(34,137,136,.08)!important;
    color:#145f64!important;
    box-shadow:inset 0 -2px 0 rgba(34,137,136,.48)!important;
  }
  html body .site-header nav.premium-nav .nav-demo{
    margin:0!important;
    padding-left:10px!important;
    padding-right:10px!important;
  }
  html body .site-header nav.premium-nav .lang-link{
    margin:0!important;
    padding:7px 8px!important;
    border:0!important;
  }
  html body.nav-open{overflow:auto!important}
}

@media(max-width:700px){
  html body .site-header .nav-wrap{
    min-height:58px!important;
    gap:8px!important;
    padding-top:6px!important;
    padding-bottom:6px!important;
  }
  html body .site-header .brand{
    width:132px!important;
    height:46px!important;
  }
  html body .site-header nav.premium-nav a{
    min-height:32px!important;
    padding:6px 6px!important;
    font-size:.59rem!important;
  }
  html body .site-header nav.premium-nav .nav-demo{padding-left:8px!important;padding-right:8px!important}
}

@media(max-width:420px){
  html body .site-header .nav-wrap{gap:6px!important}
  html body .site-header .brand{width:112px!important;height:42px!important}
  html body .site-header nav.premium-nav a{padding-left:5px!important;padding-right:5px!important;font-size:.57rem!important}
}