.inpage-nav{
  overflow:hidden;
}

.inpage-nav .container{
  min-width:0;
}

.inpage-nav-inner,
.inpage-nav-list{
  display:flex;
  align-items:center;
  flex-wrap:nowrap;
  max-width:100%;
  overflow-x:auto;
  overflow-y:hidden;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
  scrollbar-color:var(--color-gold,#b8965a) transparent;
  scroll-snap-type:x proximity;
  overscroll-behavior-x:contain;
}

.inpage-nav-inner a,
.inpage-nav-list a,
.inpage-link{
  flex:0 0 auto;
  white-space:nowrap;
  scroll-snap-align:start;
}

.inpage-nav-inner::-webkit-scrollbar,
.inpage-nav-list::-webkit-scrollbar{
  display:block;
  height:4px;
}

.inpage-nav-inner::-webkit-scrollbar-track,
.inpage-nav-list::-webkit-scrollbar-track{
  background:transparent;
}

.inpage-nav-inner::-webkit-scrollbar-thumb,
.inpage-nav-list::-webkit-scrollbar-thumb{
  background:rgba(184,150,90,.65);
  border-radius:999px;
}

@media(max-width:768px){
  .inpage-nav .container{
    max-width:100%!important;
  }

  .inpage-nav .container:not(.inpage-nav-inner):not(.inpage-nav-list){
    padding-left:0!important;
    padding-right:0!important;
  }

  .inpage-nav-inner,
  .inpage-nav-list{
    justify-content:flex-start!important;
    gap:.45rem;
    padding:.55rem var(--px,1rem);
  }

  .inpage-nav-inner a,
  .inpage-nav-list a,
  .inpage-link{
    min-height:38px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:.65rem .95rem!important;
    border:1px solid var(--color-border,#e5e7eb);
    border-radius:999px;
    background:var(--color-white,#fff);
    box-shadow:0 1px 4px rgba(17,24,39,.05);
    margin:0!important;
    line-height:1.15;
  }
}