Style a navigation item

Make on or more nav items stand out. Or only the active item.

// STYLE NAV ITEM
.Header-nav-item[href="/summary/"] {
  color: red !important;
  font-weight: 700;
}

Here's how to only style the active nav item. Cred to the Circle's fox

// STYLE ACTIVE NAV ITEM
.Header-nav-item {
  padding-bottom: 5px !important;
  border-bottom: 1px solid transparent;
  &--active {
    &[href^="/typography"] {
      border-color: #000;
    }
    &[href^="/summary"] {
      border-color: #000;
    }
   }
}

Reference
All selectors