/* ============================================================
   Shared site header — marketing + legal pages
   ============================================================
   Used by index.html, privacy-policy.html, and terms-and-conditions.html.
   The header bar (.nav) and its flex .wrap are styled in each page's own
   stylesheet; this file owns the nav links so the three pages share one
   definition. Values are literal (not design tokens) because the legal
   pages don't load tokens.css. The docs pages have their own header and do
   not use this file.
   ============================================================ */
.nav-links {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 4px;
}
.nav-links a {
  padding: 8px 14px;
  border-radius: 8px;
  /* Pin the nav font and smoothing so it reads identically regardless of each
     page's body styles (landing antialiases its body, the legal pages don't —
     which made the same text render heavier there). Literal stack because the
     legal pages don't load tokens.css. */
  font-family: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  font-size: 14.5px;
  font-weight: 500;
  /* Pin line-height too: the download button's height is driven by its text
     line box, and the legal pages' body defaults to `normal` (~1.2) while the
     landing page uses 1.5 — which made the button shorter there. */
  line-height: 1.5;
  letter-spacing: -0.011em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #D9D9D9;
  text-decoration: none;
  transition: color 120ms cubic-bezier(0.2, 0, 0, 1),
              background 120ms cubic-bezier(0.2, 0, 0, 1);
}
.nav-links a:hover { color: #FFFFFF; background: rgba(255, 255, 255, 0.05); }
/* Download CTA — orange button with download glyph. Selectors are scoped to
   .nav-links a so they outrank the plain .nav-links a / :hover rules above;
   otherwise the link's gray text and the translucent hover background would
   win. Literal values because the legal pages don't load tokens.css. */
.nav-links a.nav-download {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-left: 14px;
  padding: 8px 16px;
  border-radius: 8px;
  font-family: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  font-size: 14.5px;
  font-weight: 600;
  letter-spacing: -0.011em;
  color: #FFFFFF;
  background: #F97316;
}
.nav-links a.nav-download:hover { color: #FFFFFF; background: #EA580C; }
.nav-links a.nav-download svg { flex-shrink: 0; }