/* Shared public navigation: consistent placement and type size on every page. */
body > header {
  display: flex !important;
  flex-direction: column !important;
  padding-top: 0 !important;
}

body > header ul.menu {
  order: -1 !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
  position: static !important;
  inset: auto !important;
  width: 100% !important;
  margin: 0 auto 1rem !important;
  padding: 0 0.25rem !important;
  list-style: none !important;
  box-sizing: border-box !important;
}

body > header ul.menu li,
body > header ul.menu li:last-child {
  flex: 0 0 auto !important;
  margin: 0 !important;
  padding: 0 0.1rem !important;
  border-right: 1px solid #CCCCCC !important;
  box-sizing: border-box !important;
}

body > header ul.menu li:last-child {
  border-right: none !important;
}

body > header ul.menu li a.btn {
  display: block !important;
  margin: 0 !important;
  padding: 0.45rem 0.75rem !important;
  font-family: "Abel", sans-serif !important;
  font-size: 1.5rem !important;
  line-height: 1.2 !important;
  font-weight: normal !important;
  text-align: center !important;
  white-space: nowrap !important;
}

@media (max-width: 767px) {
  body > header ul.menu {
    width: 100% !important;
    padding-right: 0.15rem !important;
    padding-left: 0.15rem !important;
  }

  body > header ul.menu li {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    padding-right: 0.06rem !important;
    padding-left: 0.06rem !important;
  }

  body > header ul.menu li a.btn {
    width: 100% !important;
    padding: 0.35rem 0.08rem !important;
    font-size: clamp(0.9rem, 4.2vw, 1.2rem) !important;
    white-space: nowrap !important;
  }
}