.section-nav {
  position: relative;
  z-index: 90;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  min-height: 72px;
  padding: 16px;
  border-bottom: 1px solid #eee;
  background: #fff;
  font: 600 14px/1.4 Arial, sans-serif;
}
.section-nav a {
  color: #424242;
  text-decoration: none;
  white-space: nowrap;
}
.section-nav a:hover,
.section-nav a:focus-visible {
  color: #8f0bae;
}
.section-nav a:focus-visible {
  outline: 2px solid #8f0bae;
  outline-offset: 5px;
}
main section[id] { scroll-margin-top: 16px; }
@media (max-width: 540px) {
  .section-nav {
    justify-content: flex-start;
    min-height: 56px;
    gap: 16px;
    overflow-x: auto;
    font-size: 13px;
  }
}