/* reuse on every page */
.link-pill {padding:.35rem 1rem;border-radius:9999px;transition:background-color .2s}
.link-pill:hover {background-color:rgba(255,255,255,.05)}

/* no fade‑in; just width / radius transition when xl kicks in */
#navBubble{transition:width .3s,border-radius .3s,padding .3s}

@media (min-width:1280px){
  #navBubble{
    width:calc(100% - 4rem);   /* nearly full width */
    border-radius:.75rem;
    justify-content:space-between;
  }
}

/* ─── PAGE TRANSITIONS ─── */
.page-transition-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, #00070A 0%, #0e1417 50%, #141b1e 100%);
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.1s ease-in-out, visibility 0.1s ease-in-out;
}

.page-transition-overlay.active {
  opacity: 1;
  visibility: visible;
}