.qsx-header{position:sticky;top:0;background:var(--color-bg-elevated);z-index:1000;border-bottom:1px solid var(--color-border-subtle)}
.qsx-header-inner{display:flex;align-items:center;justify-content:space-between;min-height:72px;gap:var(--space-2)}
.qsx-brand-link{display:flex;align-items:center;gap:0.6rem;color:inherit}
.qsx-logo{height:40px;width:auto}
.qsx-brand-text{font-family:var(--font-heading);font-size:1.1rem}

.qsx-nav-list{display:flex;gap:1.5rem;margin:0;padding:0}
.qsx-nav-link{color:var(--color-text-primary);font-size:0.95rem}
.qsx-nav-link:hover{color:var(--color-accent-primary)}

.qsx-actions{display:flex;align-items:center;gap:0.5rem}
.qsx-icon-btn{font-size:1rem;padding:0.4rem}

.qsx-toggle{display:none;width:36px;height:36px;align-items:center;justify-content:center}
.qsx-toggle span{display:block;width:18px;height:2px;background:var(--color-text-primary)}

.qsx-progress{height:2px;background:var(--color-accent-primary);width:0}

@media(max-width:900px){
  .qsx-toggle{display:flex}
  .qsx-nav{position:fixed;top:72px;right:0;width:280px;height:calc(100vh - 72px);background:var(--color-bg-elevated);transform:translateX(100%);transition:transform var(--transition-medium);overflow:auto}
  .qsx-nav.open{transform:translateX(0)}
  .qsx-nav-list{flex-direction:column;padding:var(--space-3)}
}