/* Canonical site header — single source of truth so the nav bar is byte-for-byte
   identical on every page. Uses its own `site-nav*` class names (not the legacy
   per-page `.nav`/`.btn` classes) so it renders the same regardless of whatever
   else a page defines. Relies only on the brand CSS variables every page sets. */

.site-nav{
  position:sticky;top:0;z-index:50;
  background:rgba(11,12,14,.85);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  border-bottom:1px solid var(--line);
}
.site-nav-inner{
  max-width:1200px;margin:0 auto;padding:14px 24px;
  display:flex;align-items:center;flex-wrap:wrap;gap:14px 24px;
}
.site-logo{
  display:flex;align-items:center;gap:10px;
  font-weight:600;letter-spacing:-.01em;font-size:15.5px;
  color:var(--fg);text-decoration:none;
}
.site-logo-dot{
  width:20px;height:20px;border-radius:5px;background:var(--accent);flex-shrink:0;
  box-shadow:0 1px 2px rgba(0,0,0,.4), inset 0 0 0 1px rgba(255,255,255,.04);
  transition:transform .12s ease;
}
.site-logo:hover .site-logo-dot{transform:scale(1.05) rotate(-2deg)}
.site-nav-links{display:flex;flex-wrap:wrap;align-items:center;gap:18px;font-size:13.5px}
.site-nav-links a{color:var(--fg-2);text-decoration:none;transition:color .12s;white-space:nowrap}
.site-nav-links a:hover{color:var(--fg)}
.site-nav-links a[aria-current="page"]{color:var(--fg);font-weight:500}
.site-nav-actions{margin-left:auto;display:flex;align-items:center;gap:10px}
.site-nav-cta{
  display:inline-flex;align-items:center;gap:6px;
  padding:7px 13px;border-radius:6px;
  font-size:13px;font-weight:500;line-height:1;white-space:nowrap;
  background:var(--accent);border:1px solid var(--accent);color:#fff;
  text-decoration:none;transition:background .12s,border-color .12s;
}
.site-nav-cta:hover{background:#e96334;border-color:#e96334;color:#fff}

/* Mobile: logo + CTA on the first row, the links wrap to a full-width row below. */
@media (max-width:640px){
  .site-nav-inner{padding:11px 16px;gap:10px 14px}
  .site-nav-links{order:3;flex-basis:100%;gap:14px;font-size:13px}
}