/* Keep the full navigation visible on desktop and tablet screens. */
@media(min-width:768px){
  .enterprise-header .enterprise-links{display:flex;position:static;top:auto;left:auto;right:auto;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:16px;width:auto;max-height:none;overflow:visible;padding:0;border:0;background:transparent;box-shadow:none}
  .enterprise-header .enterprise-menu{display:none}
  .enterprise-header .enterprise-links>a,.enterprise-header .nav-group>summary{display:block;width:auto;padding:28px 0 24px;border-bottom:3px solid transparent;font-size:.75rem}
  .enterprise-header .nav-group{width:auto}
  .enterprise-header .enterprise-links>a:after,.enterprise-header .nav-group>summary:after{display:block;bottom:20px}
  .enterprise-header .nav-dropdown{position:absolute;top:calc(100% - 4px);left:50%;right:auto;z-index:80;display:grid;grid-template-columns:1fr;gap:0;width:350px;max-width:calc(100vw - 40px);padding:12px;border:1px solid var(--line2);border-top:3px solid var(--accent);border-radius:0 0 8px 8px;background:#fff;box-shadow:0 24px 55px rgba(3,31,52,.2);transform:translateX(-50%)}
  .enterprise-header .nav-dropdown a{padding:13px 12px;font-size:.82rem}
  .enterprise-header .nav-sectors{width:570px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;padding:15px}
}

/* Give the navigation its own row before the full header becomes too wide. */
@media(min-width:768px) and (max-width:1400px){
  .enterprise-header .enterprise-nav{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 20px;min-height:0;padding-top:8px}
  .enterprise-header .enterprise-nav>.brand{grid-column:1;grid-row:1;justify-self:start;margin:0}
  .enterprise-header .enterprise-nav .brand img{width:178px;height:52px}
  .enterprise-header .enterprise-nav>.enterprise-cta{grid-column:2;grid-row:1;margin:0}
  .enterprise-header .enterprise-links{grid-column:1/-1;grid-row:2;justify-content:center;flex-wrap:wrap;gap:0 18px}
  .enterprise-header .enterprise-links>a,.enterprise-header .nav-group>summary{padding:12px 0 10px}
  .enterprise-header .enterprise-links>a:after,.enterprise-header .nav-group>summary:after{bottom:6px}
}

@media(max-width:767px){
  .enterprise-header .enterprise-menu{display:block;min-width:44px;min-height:44px}
  .enterprise-header .enterprise-links.open{top:100%;max-height:calc(100dvh - 120px)}
}