/* Keep the service index easy to recognize and tap while scrolling. */
.chapter-nav {
  align-items: center;
  gap: clamp(16px, 4vw, 44px);
  min-height: 62px;
  padding: 10px 14px;
  box-shadow: 0 7px 18px #0002;
}

.chapter-nav a {
  display: grid;
  place-items: center;
  min-height: 42px;
  padding: 7px 2px;
  border-bottom: 2px solid transparent;
  font-size: 14px;
}

.chapter-nav a[aria-current] {
  color: #c8b9dc;
  border-bottom-width: 2px;
  border-bottom-color: #c8b9dc;
}

@media (max-width: 700px) {
  .chapter-nav {
    gap: clamp(12px, 3.4vw, 22px);
    min-height: 64px;
    padding-inline: 12px;
  }

  .chapter-nav a {
    min-height: 44px;
    font-size: 14px;
  }
}