/* Peritus Content — shared top nav, used on every page via js/nav.js.
   Single source of truth so nav content/links can't drift between pages. */
#site-nav { background:var(--paper, #F6F3FB); border-bottom:2px solid var(--line, #E7DFF3); position:sticky; top:0; z-index:200; }
#site-nav .nav-inner { max-width:1200px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; padding:14px 22px; }
#site-nav .nav-logo { display:flex; align-items:center; }
#site-nav .nav-logo img { height:30px; width:auto; display:block; }
#site-nav .nav-links { display:flex; align-items:center; gap:22px; }
#site-nav .nav-links a { font-size:0.78rem; font-weight:600; color:var(--ink, #1a1a1a); text-decoration:none; }
#site-nav .nav-links a:hover { color:var(--blue, #0E93C4); }
#site-nav .nav-social { background:#9333EA; color:#fff !important; padding:9px 16px; border-radius:7px; font-weight:700; }
#site-nav .nav-social:hover { background:var(--ink, #1a1a1a) !important; }
#site-nav .nav-account { background:var(--amber, #EDE6FB); color:var(--ink, #1a1a1a) !important; padding:6px 14px; border-radius:999px; font-size:0.72rem; font-weight:700; }
#site-nav .nav-account:hover { background:var(--blue, #0E93C4); color:#fff !important; }
#site-nav .nav-signout { background:none; border:none; font-family:inherit; font-size:0.72rem; font-weight:700; color:var(--grey, #6b6b6b); cursor:pointer; padding:0; }
#site-nav .nav-signout:hover { color:var(--red, #dc2626); }
#site-nav .nav-cta { background:var(--blue, #0E93C4); color:#fff !important; padding:9px 16px; border-radius:7px; font-weight:700; }
#site-nav .nav-cta:hover { background:var(--ink, #1a1a1a) !important; }

@media (max-width:760px) {
  #site-nav .nav-links a { display:none; }
}