.header .header-row {
  height: 104px;
}

.header .brand {
  min-width: 400px;
  gap: 16px;
}

.header .brand img {
  width: 200px;
  height: auto;
  flex: 0 0 auto;
  object-fit: contain;
}

.header .brand > span {
  padding-left: 20px;
  border-left: 1px solid #ccd2d8;
}

.header .brand strong {
  font-size: 22px;
  line-height: 1.35;
  white-space: nowrap;
}

.header .brand small {
  display: none;
}

@media (max-width: 1100px) {
  .header .brand {
    min-width: 335px;
  }

  .header .brand img {
    width: 170px;
  }

  .header .brand > span {
    padding-left: 10px;
  }

  .header .brand strong {
    font-size: 15px;
  }
}

@media (max-width: 1020px) {
  nav {
    top: 104px;
  }
}

@media (max-width: 650px) {
  .header .header-row {
    height: 78px;
  }

  .header .brand {
    min-width: 0;
    gap: 8px;
  }

  .header .brand img {
    width: 135px;
    height: auto;
  }

  .header .brand > span {
    padding-left: 8px;
  }

  .header .brand strong {
    font-size: 11px;
    line-height: 1.35;
  }

  nav {
    top: 78px;
  }
}

/* Shared chrome follows the healthy-aging green identity on every page. */
.utility {
  background: #174f43;
  color: #e9f3ee;
  border-bottom: 1px solid rgba(255, 255, 255, .12);
}

.utility a {
  color: #fff;
}

.header {
  background: rgba(250, 252, 250, .98);
  border-bottom-color: #cbd9d2;
  box-shadow: 0 3px 12px rgba(23, 79, 67, .05);
}

.header .brand strong {
  color: #174f43;
}

.header nav a {
  color: #294a41;
  position: relative;
}

.header nav a:hover,
.header nav a:focus,
.header nav a[aria-current="page"] {
  color: #174f43;
}

.header nav a[aria-current="page"]::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -14px;
  height: 2px;
  background: #2f765f;
}

.menu {
  color: #174f43;
  border-color: #b7cbc1;
  background: #f7faf8;
}

.footer {
  background: #103c33;
  border-top: 1px solid #2f6757;
}

.footer small,
.footer p {
  color: #c5d8d0;
}

@media (max-width: 1020px) {
  .header nav {
    background: #f8fbf9;
    border-bottom-color: #cbd9d2;
  }

  .header nav a[aria-current="page"]::after {
    bottom: -3px;
  }
}