.blog-nav{position:fixed;top:0;left:0;width:100%;z-index:10000;
  background:var(--nav-bg,#050508);border-bottom:1px solid var(--nav-border,#1a1a1e);
  padding:0 24px;box-sizing:border-box}
.blog-nav-inner{max-width:960px;margin:0 auto;display:flex;align-items:center;
  justify-content:space-between;height:48px;gap:16px}
.blog-nav-home{font-family:monospace;font-size:11px;letter-spacing:2px;
  text-transform:uppercase;color:#ff6b35;text-decoration:none;flex-shrink:0}
.blog-nav-home:hover{opacity:.7}
.blog-nav-links{display:flex;gap:6px;overflow-x:auto;-webkit-overflow-scrolling:touch}
.blog-nav-links::-webkit-scrollbar{display:none}
.blog-nav-link{font-family:monospace;font-size:10px;letter-spacing:1px;
  color:var(--nav-muted,#666);text-decoration:none;padding:6px 12px;border-radius:4px;
  border:1px solid transparent;white-space:nowrap;transition:all .3s}
.blog-nav-link:hover{border-color:var(--nav-hover-border,#333);color:var(--nav-text,#e8e4df)}
.blog-nav-link.current{border-color:#ff6b35;color:#ff6b35}