/* Header + Navigation */
body .wrapper .site-header { position: sticky; top: 0; z-index: 100; background: #111118; border-bottom: 1px solid #2a2a35; padding: 0 0; }
body .wrapper .site-header .header-inner { display: flex; align-items: center; gap: 16px; padding: 10px 0; }
body .wrapper .site-header .header-inner .logo { display: flex; align-items: center; gap: 8px; flex-shrink: 0; }
body .wrapper .site-header .header-inner .logo .logo-icon { width: 32px; height: 32px; }
body .wrapper .site-header .header-inner .logo .logo-text { font-size: 20px; font-weight: 800; color: #d4af37; letter-spacing: -0.5px; text-transform: uppercase; }
body .wrapper .site-header .header-inner .logo .logo-text .logo-accent { color: #f0f0f5; font-weight: 400; }
body .wrapper .site-header .header-inner .search-bar { flex: 1; max-width: 540px; position: relative; display: none; }
body .wrapper .site-header .header-inner .search-bar .search-input { width: 100%; background: #1a1a25; border: 1px solid #2a2a35; border-radius: 20px; padding: 8px 16px 8px 40px; color: #d1d1d6; font-size: 14px; outline: none; transition: border-color 0.2s; }
body .wrapper .site-header .header-inner .search-bar .search-input:focus { border-color: #d4af37; }
body .wrapper .site-header .header-inner .search-bar .search-icon { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); width: 16px; height: 16px; opacity: 0.5; }
body .wrapper .site-header .header-inner .header-actions { display: flex; align-items: center; gap: 8px; margin-left: auto; }
body .wrapper .site-header .header-inner .header-actions .action-btn { display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 8px; background: transparent; cursor: pointer; transition: background 0.15s; color: #8888a0; }
body .wrapper .site-header .header-inner .header-actions .action-btn:hover { background: #1a1a25; color: #d4af37; }
body .wrapper .site-header .header-inner .header-actions .new-post-btn { display: flex; align-items: center; gap: 6px; background: #d4af37; color: #0a0a0f; padding: 8px 16px; border-radius: 20px; font-size: 13px; font-weight: 700; cursor: pointer; transition: background 0.15s; text-transform: uppercase; letter-spacing: 0.5px; }
body .wrapper .site-header .header-inner .header-actions .new-post-btn:hover { background: #f0d060; }
body .wrapper .site-header .nav-bar { display: flex; gap: 4px; padding: 6px 0; overflow-x: auto; scrollbar-width: none; }
body .wrapper .site-header .nav-bar::-webkit-scrollbar { display: none; }
body .wrapper .site-header .nav-bar .nav-pill { padding: 6px 14px; border-radius: 16px; font-size: 13px; font-weight: 600; color: #8888a0; white-space: nowrap; cursor: pointer; transition: all 0.15s; }
body .wrapper .site-header .nav-bar .nav-pill:hover { background: #1a1a25; color: #d1d1d6; }
body .wrapper .site-header .nav-bar .nav-pill.active { background: #d4af37; color: #0a0a0f; }
body .wrapper .site-header .mobile-menu-overlay { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.8); z-index: 200; }
body .wrapper .site-header .mobile-menu-overlay.visible { display: block; }
body .wrapper .site-header .mobile-menu-overlay .mobile-menu-panel { background: #111118; width: 280px; height: 100%; padding: 20px; overflow-y: auto; }
body .wrapper .site-header .mobile-menu-overlay .mobile-menu-panel .mobile-menu-title { font-size: 14px; font-weight: 700; color: #8888a0; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 16px; }
body .wrapper .site-header .mobile-menu-overlay .mobile-menu-panel .mobile-menu-link { display: block; padding: 10px 12px; border-radius: 8px; color: #d1d1d6; font-size: 15px; margin-bottom: 2px; }
body .wrapper .site-header .mobile-menu-overlay .mobile-menu-panel .mobile-menu-link:hover { background: #1a1a25; }
@media (min-width: 768px) {
  body .wrapper .site-header .header-inner .search-bar { display: block; }
}