.timeline-tile>.chapter-nav{
  --rail-line:rgba(242,235,221,.16);
  position:relative!important;
  display:flex!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  height:78px!important;
  padding:0 clamp(10px,1.5vw,22px)!important;
  gap:0!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  border:0!important;
  border-bottom:1px solid rgba(242,235,221,.16)!important;
  background:linear-gradient(100deg,#101316 0%,#18202a 55%,#202b3b 100%)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.05),0 12px 28px rgba(30,24,18,.2)!important;
  scrollbar-width:none!important;
  scroll-snap-type:x proximity;
}
.timeline-tile>#jumpNav{
  width:100%!important;
  margin:0!important;
  border-radius:16px 16px 0 0!important;
}
.timeline-tile>.chapter-nav::-webkit-scrollbar{display:none!important}
.timeline-tile>.chapter-nav:before{
  content:"";
  position:absolute;
  left:22px;
  right:22px;
  top:23px;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--rail-line) 4%,var(--rail-line) 96%,transparent);
  pointer-events:none;
}
.timeline-tile>.chapter-nav .chapter-tab{
  position:relative!important;
  isolation:isolate;
  display:grid!important;
  grid-template-columns:28px minmax(0,1fr)!important;
  align-items:center!important;
  flex:1 0 128px!important;
  min-width:128px!important;
  min-height:77px!important;
  padding:11px 12px 10px!important;
  gap:9px!important;
  border:0!important;
  border-right:1px solid rgba(242,235,221,.09)!important;
  border-radius:0!important;
  background:transparent!important;
  color:#d0c7b9!important;
  text-align:left!important;
  text-transform:none!important;
  letter-spacing:0!important;
  scroll-snap-align:start;
  transition:background .18s ease,color .18s ease,box-shadow .18s ease!important;
}
.timeline-tile>.chapter-nav .chapter-tab:first-child{border-left:1px solid rgba(242,235,221,.09)!important}
.timeline-tile>.chapter-nav .chapter-tab:after{
  content:""!important;
  position:absolute!important;
  inset:auto 12px 0!important;
  height:3px!important;
  border:0!important;
  background:transparent!important;
  transform:none!important;
}
.timeline-tile>.chapter-nav .chapter-tab-index{
  position:relative;
  z-index:2;
  display:grid;
  place-items:center;
  width:26px;
  height:26px;
  border:1px solid rgba(217,184,126,.5);
  border-radius:50%;
  background:#141719;
  color:#d9b87e;
  font:800 9px/1 Inter,system-ui,sans-serif;
  letter-spacing:.08em;
  box-shadow:0 0 0 5px rgba(20,23,25,.92);
}
.timeline-tile>.chapter-nav .chapter-tab-copy{position:relative;z-index:2;display:block;min-width:0}
.timeline-tile>.chapter-nav .chapter-tab-copy strong{
  display:block;
  overflow:hidden;
  color:inherit;
  font:600 14px/1.05 "Cormorant Garamond",Georgia,serif;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.timeline-tile>.chapter-nav .chapter-tab-copy small{
  display:block;
  margin-top:5px;
  color:#8f8a82;
  font:750 8px/1 Inter,system-ui,sans-serif;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.timeline-tile>.chapter-nav .chapter-tab:hover{
  background:rgba(255,255,255,.045)!important;
  color:#fff7e9!important;
}
.timeline-tile>.chapter-nav .chapter-tab:hover .chapter-tab-index{border-color:#d9b87e;background:#202b3b}
.timeline-tile>.chapter-nav .chapter-tab.active{
  background:linear-gradient(180deg,rgba(38,58,89,.92),rgba(31,45,65,.96))!important;
  color:#fffaf1!important;
  box-shadow:inset 0 1px rgba(255,255,255,.08),inset 0 -18px 30px rgba(7,9,10,.12)!important;
}
.timeline-tile>.chapter-nav .chapter-tab.active:after{background:#b77b45!important}
.timeline-tile>.chapter-nav .chapter-tab.active .chapter-tab-index{
  border-color:#d9b87e;
  background:#b77b45;
  color:#141719;
  box-shadow:0 0 0 5px rgba(38,58,89,.96),0 4px 12px rgba(7,9,10,.28);
}
.timeline-tile>.chapter-nav .chapter-tab.active .chapter-tab-copy small{color:#d9b87e}
.timeline-tile>.chapter-nav .chapter-tab:focus-visible{
  z-index:4;
  outline:2px solid #d9b87e!important;
  outline-offset:-4px!important;
}
@media(min-width:1180px){
  .timeline-tile>.chapter-nav .chapter-tab{min-width:0!important;flex:1 1 0!important}
}
@media(max-width:760px){
  .timeline-tile>.chapter-nav{height:70px!important;padding:0 7px!important}
  .timeline-tile>#jumpNav{border-radius:11px 11px 0 0!important}
  .timeline-tile>.chapter-nav:before{left:18px;right:18px;top:20px}
  .timeline-tile>.chapter-nav .chapter-tab{flex-basis:120px!important;min-width:120px!important;min-height:69px!important;padding:9px 10px 8px!important;grid-template-columns:26px minmax(0,1fr)!important;gap:8px!important}
  .timeline-tile>.chapter-nav .chapter-tab-index{width:24px;height:24px;box-shadow:0 0 0 4px rgba(20,23,25,.92)}
  .timeline-tile>.chapter-nav .chapter-tab-copy strong{font-size:13px}
}
@media(prefers-reduced-motion:reduce){
  .timeline-tile>.chapter-nav{scroll-snap-type:none}
  .timeline-tile>.chapter-nav .chapter-tab{transition:none!important}
}