/* CNCX navigation: keep CMS visibility/order and the existing header/brand. */
.nav-links {
  gap: 4px;
  padding: 5px;
  border: 1px solid #dce6ed;
  border-radius: 999px;
  background: #fff;
  box-shadow: 0 3px 12px rgba(11, 34, 53, .05);
}
.nav-links a {
  padding: 9px 14px;
  border-radius: 999px;
  white-space: nowrap;
  transition: background-color .18s ease, color .18s ease, box-shadow .18s ease;
}
.nav-links a:hover, .nav-drawer a:hover {
  color: #087e96;
  background: #e9f5f8;
}
.nav-links a[aria-current="page"], .nav-drawer a[aria-current="page"] {
  color: #fff;
  background: #087e96;
}
.nav-links a:focus-visible, .nav-drawer a:focus-visible {
  outline: 2px solid #087e96;
  outline-offset: 2px;
}
.nav-drawer li { padding: 4px 0; border-bottom: 0; }
.nav-drawer a { display: block; padding: 12px 14px; border-radius: 12px; }
/* Six CMS links plus the brand must also fit if hidden sections are restored. */
@media (max-width: 1100px) {
  .nav-links { display: none; }
  .nav-toggle { display: inline-flex; }
}
@media (min-width: 1101px) {
  .nav-drawer, .nav-drawer.open { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .nav-links a { transition: none; }
}