.nav {
  position: sticky;
  top: 0;
  z-index: 20;
  padding-top: env(safe-area-inset-top, 0px);
  background: color-mix(in srgb, var(--page) 86%, transparent);
  backdrop-filter: saturate(1.4) blur(12px);
  -webkit-backdrop-filter: saturate(1.4) blur(12px);
  border-bottom: 1px solid var(--border);
}
.nav .wrap { display: flex; align-items: center; gap: 24px; block-size: 64px; }
.nav-links { display: flex; gap: 22px; margin-inline-start: 12px; }
.nav-links a { text-decoration: none; color: var(--ink-muted); font-weight: 500; font-size: 15px; }
.nav-links a:hover { color: var(--ink); }
.nav-end { margin-inline-start: auto; display: flex; align-items: center; gap: 10px; }
@media (max-width: 760px) { .nav-links { display: none; } }