.site-header{
  position:sticky;top:0;z-index:50;
  background: rgba(255,255,255,.92);
  backdrop-filter: blur(10px);
  border-bottom:1px solid var(--line);
}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:10px 0;gap:12px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.brand img{
  width:38px;height:38px;border-radius:12px;
  box-shadow:0 6px 18px rgba(2,6,23,.10);
  background:#fff;
  object-fit:contain;
}
.nav{display:flex;gap:10px;align-items:center}
.menu-btn{display:none;min-height:44px;min-width:44px}
.nav a{
  padding:8px 10px;border-radius:10px;
  text-decoration:none;color:var(--muted);
  transition:background 0.12s ease, color 0.12s ease;
}
.nav a:hover{background:rgba(2,6,23,.04);color:var(--text)}

.header-actions{display:flex;align-items:center;gap:12px;flex:0 0 auto}
.userchip{
  color:var(--muted);
  font-size:12px;
  text-decoration:none;
  white-space:nowrap;
  display:inline-flex;
  align-items:center;
  padding:8px 10px;
  border:1px solid var(--line);
  border-radius:999px;
  background:rgba(2,6,23,.02);
  min-height:44px;
}
.userchip:hover{color:var(--text);background:rgba(2,6,23,.04)}

/* Nav separator and publisher sub-links */
.nav-sep{
  width:1px;
  align-self:stretch;
  background:var(--line);
  margin:4px 2px;
  flex-shrink:0;
}
.nav-pub{
  font-size:14px;
  color:var(--muted);
}
.nav-pub:hover{color:var(--text)}

@media (max-width:900px){
  .menu-btn{display:inline-flex}
  .nav{display:none}
  .nav-sep{display:none}
  .nav.open{
    display:flex;flex-direction:column;
    position:absolute;left:0;right:0;top:58px;
    padding:10px 16px;
    background:rgba(255,255,255,.98);
    border-bottom:1px solid var(--line);
  }
}
/* Role-based nav visibility (flash-free via sliders_hint cookie + inline script) */
/* data-auth-show="out"  → visible when logged out                              */
/* data-auth-show="pub"  → visible when logged in as publisher                  */
/* data-auth-show="gen"  → visible when logged in as general user               */
[data-auth-show] { display: none; }
html[data-auth="out"] [data-auth-show="out"],
html[data-auth="pub"] [data-auth-show="pub"],
html[data-auth="gen"] [data-auth-show="gen"] { display: revert; }

.site-footer{
  border-top:1px solid var(--line);
  margin-top:40px;padding:18px 0;color:var(--muted)
}
.site-footer a{
  color:var(--muted);text-decoration:none;
  padding:6px 8px;border-radius:10px
}
.site-footer a:hover{color:var(--text);background:rgba(2,6,23,.04)}


@media (max-width:900px){
  .nav.open{z-index:120;box-shadow:var(--shadow);border-radius:0 0 16px 16px}
}