/* survivor topnav variant */
.s-topnav {
  position: sticky; top: 0; z-index: 30;
  background: color-mix(in oklch, var(--bg) 92%, transparent);
  backdrop-filter: blur(14px);
  border-bottom: 1px solid var(--border);
}
.s-topnav-inner {
  display: flex; align-items: center; justify-content: space-between;
  padding: 18px 32px;
}
.s-topnav .brand { color: var(--fg); }
.s-topnav .who { display: flex; align-items: center; gap: 10px; font-size: 13px; color: var(--muted); }
.s-tabs {
  display: flex; gap: 18px; flex-wrap: wrap;
  border-bottom: 1px solid var(--border);
  padding: 0 32px;
}
.s-tabs a {
  padding: 14px 0; font-size: 14px; color: var(--muted);
  border-bottom: 2px solid transparent; margin-bottom: -1px;
}
.s-tabs a:hover { color: var(--fg); }
.s-tabs a.active { color: var(--accent); border-bottom-color: var(--accent); }