/* Transcrib Si: the panel of the sections, under the header row.
   The strip is one line tall and scrolls inside itself on a narrow screen, so
   the page itself never scrolls sideways. */
.hub-nav {
  display: flex;
  align-items: center;
  gap: var(--space-4);
  max-width: var(--container);
  margin: 0 auto;
  padding: 6px var(--space-5);
  border-top: 1px solid var(--line);
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scrollbar-width: none;
}

.hub-nav::-webkit-scrollbar {
  display: none;
}

.hub-nav a {
  flex: 0 0 auto;
  white-space: nowrap;
  color: var(--text-muted);
  text-decoration: none;
  font-size: var(--fs-300);
  font-weight: 500;
  line-height: 1.7;
}

.hub-nav a:hover,
.hub-nav a:focus-visible {
  color: var(--text);
}

@media (max-width: 640px) {
  .hub-nav {
    gap: var(--space-3);
    padding: 4px var(--space-4);
  }
}

@media print {
  .hub-nav {
    display: none;
  }
}