/* V219 — precise desktop link spacing and clean, wave-free mobile menu. */
@media (min-width: 981px) {
  html body header.top .bar > nav#nav > ul {
    column-gap:clamp(28px, 2.05vw, 42px)!important;
    row-gap:0!important;
  }
  html body header.top .bar > nav#nav > ul > li,
  html body header.top .bar > nav#nav > ul > li > a {
    margin:0!important;
    white-space:nowrap!important;
  }
}
/* Maintain a clear gap while adapting to standard laptop viewports. */
@media (min-width:981px) and (max-width:1499px) {
  html body header.top .bar > nav#nav > ul {
    column-gap:clamp(17px,1.5vw,28px)!important;
  }
}
@media (min-width:981px) and (max-width:1199px) {
  html body header.top .bar > nav#nav > ul {
    column-gap:clamp(12px,1.2vw,18px)!important;
  }
  html body header.top .bar > nav#nav > ul > li > a {
    font-size:clamp(14px,1.28vw,16px)!important;
  }
  html body header.top .bar > a.logo img {width:145px!important;}
  html body header.top .bar > a.portal {font-size:14px!important;padding-inline:12px!important;}
}
@media (max-width:980px) {
  /* User-marked blue wave artwork at the top and bottom of the drawer. */
  html body header.top .bar > nav#nav,
  html body header.top.sc .bar > nav#nav {
    background:#092651!important;
    background-image:none!important;
  }
  html body header.top .bar > nav#nav::before,
  html body header.top .bar > nav#nav::after,
  html body header.top.sc .bar > nav#nav::before,
  html body header.top.sc .bar > nav#nav::after {
    display:none!important;content:none!important;background:none!important;
  }
  html body header.top .bar > nav#nav .v217-drawer-header,
  html body header.top .bar > nav#nav .v217-contact {
    background:transparent!important;
    background-image:none!important;
  }
  /* Remove the decorative horizontal divider under the portal as marked. */
  html body header.top .bar > nav#nav .v217-contact {
    border-top:0!important;
    padding-top:10px!important;
  }
}