#mergeNav { 
    all: initial; 
    position: fixed; top: 0; left: 0; right: 0;
    display: flex; align-items: center; gap: 12px;
    height: 56px; padding: 0 16px;
    background: rgba(12,12,20,1);
    color: #f8fafc;
    z-index: 2147483647;
    font-family: 'Montserrat', sans-serif;
    box-shadow: 0 1px 0 rgba(255,255,255,0.12) inset, 0 10px 24px rgba(0,0,0,0.15);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
  }
  #mergeNav strong { all: initial; font-family: inherit; font-weight: 700; color: inherit; margin-right: 6px; }
  #mergeNav a { 
    all: initial; 
    font-family: inherit; color: #ffe08a; font-weight: 600; 
    padding: 8px 10px; border-radius: 8px; cursor: pointer; display: inline-block;
  }
  #mergeNav a:hover { background: rgba(255,211,106,0.15); }
  /* Give body top padding so content isn't hidden behind the fixed nav */
  body { margin: 0; padding-top: 56px; }
  /* Our anchor offset for section jumps */
  .merge-section { scroll-margin-top: 64px; margin: 0 !important; padding: 0 !important; }

@media (max-width: 800px){
    #mergeNav{
      display:grid !important;           /* avoid flex wrap quirks */
      grid-template-columns: 1fr;
      gap:.6rem;
      width:min(520px, 92vw);
      margin:.75rem auto;                /* center the whole nav block */
      padding:0;
      position:static !important;        /* disable fixed/sticky if any */
      top:auto !important;
      height:auto !important;
      text-align:center;;
    }
    #mergeNav a{
      text-align: center !important;   /* override any global left-align */
      display: flex !important;        /* center the content inside the pill */
      justify-content: center;
      align-items: center;
    }
  }