/* Keep homepage and public header navigation visually consistent. */

.topbar .nav-links a {
  border: 1px solid var(--line-strong);
  border-radius: 0;
  background: #000;
  color: var(--muted);
  font: 500 13px/1.45 var(--mono);
  letter-spacing: 0;
  text-transform: lowercase;
}

.topbar .nav-links a:hover,
.topbar .nav-links a:focus-visible {
  border-color: #fff;
  background: #000;
  color: #fff;
}

.home-panel {
  border-color: var(--line-strong);
  background: #000;
  color: var(--muted);
}

.home-panel:hover,
.home-panel:focus-visible {
  border-color: #fff;
  background: #000;
  color: #fff;
}

.home-panel span {
  font: 500 13px/1.45 var(--mono);
  letter-spacing: 0;
  text-transform: lowercase;
}