/* V218: always readable desktop navigation, and interactive mobile navigation above the backdrop. */
@media (min-width:981px) {
  html body header.top .bar > nav#nav > ul > li > a,
  html body header.top.sc .bar > nav#nav > ul > li > a,
  html body header.top.scrolled-deep .bar > nav#nav > ul > li > a {
    font-size:clamp(16px,1.05vw,18px)!important;
    font-weight:500!important;
    letter-spacing:0!important;
    line-height:1.35!important;
  }
  html body header.top .bar > nav#nav > ul {
    gap:clamp(10px,1.2vw,25px)!important;
  }
}
@media (min-width:981px) and (max-width:1360px) {
  html body header.top .bar,
  html body header.top.sc .bar,
  html body header.top.scrolled-deep .bar {
    grid-template-columns:minmax(145px,.7fr) minmax(0,auto) minmax(150px,.7fr)!important;
    column-gap:clamp(8px,1vw,14px)!important;
  }
  html body header.top .bar > a.logo img {width:155px!important;}
  html body header.top .bar > nav#nav > ul {gap:clamp(8px,.8vw,13px)!important;}
  html body header.top .bar > nav#nav > ul > li > a,
  html body header.top.sc .bar > nav#nav > ul > li > a {
    font-size:16px!important;
    font-weight:500!important;
  }
  html body header.top .bar > a.portal {font-size:15px!important;min-height:48px!important;padding:11px 15px!important;}
}
/* The drawer belongs to header.top: raise the WHOLE stacking context above the backdrop. */
@media (max-width:980px) {
  html body.v217-drawer-open header.top,
  html body.v217-drawer-open header.top.sc,
  html body.v217-drawer-open header.top.scrolled-deep {
    z-index:10000!important;
    isolation:isolate!important;
    filter:none!important;
    opacity:1!important;
    pointer-events:auto!important;
  }
  html body.v217-drawer-open header.top .bar > nav#nav,
  html body.v217-drawer-open header.top.sc .bar > nav#nav,
  html body.v217-drawer-open header.top.scrolled-deep .bar > nav#nav {
    z-index:10001!important;
    opacity:1!important;
    filter:none!important;
    -webkit-filter:none!important;
    pointer-events:auto!important;
  }
  /* The overlay dims only the page, never the drawer. */
  html body .v217-drawer-backdrop {z-index:9999!important;}
  html body .nav-backdrop {display:none!important;pointer-events:none!important;}
  html body.v217-drawer-open header.top .bar > nav#nav > ul > li > a,
  html body.v217-drawer-open header.top .bar > nav#nav .v217-drawer-close,
  html body.v217-drawer-open header.top .bar > nav#nav .v217-drawer-portal,
  html body.v217-drawer-open header.top .bar > nav#nav .v217-contact a {
    pointer-events:auto!important;
  }
}