/* Normalize legacy .hx-nav header to match site container width and spacing */
:root{ --maxw: 1100px; }
.hx-nav{ position: sticky; top: 0; z-index: 1000; background: rgba(10,11,22,.6); backdrop-filter: blur(10px); border-bottom: 1px solid rgba(255,255,255,.08); }
.hx-nav .inner{ max-width: var(--maxw); margin-inline: auto; padding: 8px 12px; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.hx-brand{ display: inline-flex; align-items: center; gap: 12px; font-weight: 900; }
.hx-actions{ display: inline-flex; align-items: center; gap: 8px; }
.hx-btn{ display: inline-flex; align-items: center; justify-content: center; height: 36px; padding: 0 12px; border-radius: 10px; border: 1px solid rgba(255,255,255,.12); background: #131733; color: #EDECF6; font-weight: 700; cursor: pointer; }
.hx-btn.primary{ background: linear-gradient(135deg, #9B5CF3, #3B82F6); color: #0c0a18; border: none; }
.hx-chip{ display: inline-flex; align-items: center; gap: 6px; padding: 2px 8px; border-radius: 999px; border: 1px solid rgba(255,255,255,.12); color: #A6A3C6; font-weight: 700; }
.hx-chip.hx-muted{ opacity: .85; }
@media (max-width: 768px){
  .hx-nav .inner{ padding: 10px 12px; }
  .hx-actions [data-auth="signed-in"] .hx-chip{ display: none; } /* reduce clutter on mobile */
  .hx-brand span:nth-child(2){ display: none; } /* hide the wordmark if needed */
}


/* mobile compact header v8 */
@media (max-width: 640px){
  .hx-nav .inner{ padding:6px 10px; justify-content:center; gap:8px; }
  .hx-brand{ gap:8px; }
  .hx-brand .logo{ width:22px; height:22px; }
  .hx-brand span:nth-child(2){ font-size:.95rem; }
  .hx-chip{ transform: scale(.9); }
  .hx-btn{ height:28px; padding:0 8px; font-size:.85rem; }
}

.menu-toggle{ height:26px; padding:0 8px; }