/* Custom angular lettering drawn to echo the VL symbol. Text remains accessible. */
header .brand .brand-wordmark {
  display: inline-block;
  width: 186px;
  height: 25px;
  flex: none;
  font-size: 0;
  background: url('/assets/vexium-wordmark.svg') center / contain no-repeat;
}
header .brand .brand-wordmark span { font-size: 0; }
@media (max-width: 700px) {
  header .brand .brand-wordmark { width: 144px; height: 21px; }
}
@media (max-width: 400px) {
  header .brand .brand-wordmark { width: 120px; height: 19px; }
  header .brand { gap: 6px; }
  header .brand img { width: 28px; height: 28px; }
}
@media (forced-colors: active) {
  header .brand .brand-wordmark { background: none; width: auto; height: auto; font: bold 15px/1.2 sans-serif; }
  header .brand .brand-wordmark span { font-size: inherit; }
}

header nav a[aria-current='page'] { font-weight: 700; }
