/* Shared navigation styles for the SPA and server-rendered blog headers. */
.site-header .site-nav-link {
  display: inline-flex;
  align-items: center;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #18181b;
  text-decoration: none;
  white-space: nowrap;
  transition: color 200ms ease;
}

.site-header .site-nav-link:hover,
.site-header .site-nav-link:focus-visible,
.site-header .site-nav-link.is-active {
  color: hsl(350 86% 42%);
}

.site-header .site-desktop-nav {
  align-items: center;
}

.site-header .site-login-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: Inter, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
}