/* Section tabs (links, one per page). Scroll horizontally on narrow screens. */

.tabs {
  display: flex;
  gap: var(--space-1);
  margin-bottom: var(--space-5);
  overflow-x: auto;
  border-bottom: 1px solid var(--color-border);
  scrollbar-width: thin;
}

.tabs__tab {
  display: flex;
  flex: none;
  align-items: center;
  min-height: var(--touch-target);
  padding: 0 var(--space-4);
  border-bottom: 3px solid transparent;
  color: var(--color-text-muted);
  font-weight: var(--weight-medium);
  text-decoration: none;
}

.tabs__tab:hover {
  color: var(--color-text);
}

.tabs__tab[aria-current="page"] {
  border-bottom-color: var(--color-primary);
  color: var(--color-primary);
}