/* The Sleeper Archive — unified public navigation */
.premium-topbar,
.home-topbar{
  height:72px;
  padding:0 4vw;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  background:rgba(5,5,4,.97);
  border-bottom:1px solid rgba(177,138,77,.28);
  position:sticky;
  top:0;
  z-index:50;
  backdrop-filter:blur(8px);
}

.premium-brand,
.home-brand{
  flex:0 0 auto;
  color:#eadfc7;
  text-decoration:none;
  font-family:Georgia,"Times New Roman",serif;
  font-size:18px;
  font-weight:700;
  letter-spacing:.14em;
  white-space:nowrap;
}

.premium-topbar nav,
.home-topbar nav{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:24px;
  min-width:0;
}

.premium-topbar nav a,
.home-topbar nav a{
  color:#baa57e;
  text-decoration:none;
  font:10px Arial,sans-serif;
  letter-spacing:.13em;
  white-space:nowrap;
}

.premium-topbar nav a:hover,
.home-topbar nav a:hover,
.premium-topbar nav a:focus-visible,
.home-topbar nav a:focus-visible{
  color:#eadfc7;
}

@media(max-width:900px){
  .premium-topbar,
  .home-topbar{
    overflow-x:auto;
    scrollbar-width:none;
  }

  .premium-topbar::-webkit-scrollbar,
  .home-topbar::-webkit-scrollbar{
    display:none;
  }

  .premium-topbar nav,
  .home-topbar nav{
    flex:none;
  }
}

@media(max-width:650px){
  .premium-topbar,
  .home-topbar{
    height:64px;
    padding:0 20px;
    gap:18px;
  }

  .premium-brand,
  .home-brand{
    font-size:15px;
  }

  .premium-topbar nav,
  .home-topbar nav{
    gap:16px;
  }

  .premium-topbar nav a,
  .home-topbar nav a{
    font-size:9px;
  }
}