/* Shared top nav — interactive scroll vs print handout */

.how-it-works-nav {
  max-width: 800px;
  margin: 0 auto;
  padding: 0.5rem 1.25rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem 0.75rem;
  font-size: 0.78rem;
  border-bottom: 1px solid var(--line);
  background: #fafafa;
  box-sizing: border-box;
}

.how-it-works-nav a {
  color: var(--muted);
  text-decoration: none;
}

.how-it-works-nav a:hover {
  color: var(--ink);
}

.how-it-works-nav a.is-active {
  color: var(--ink);
  font-weight: 600;
}

.how-it-works-nav .nav-sep {
  color: #ccc;
  user-select: none;
}

.how-it-works-handout-notice {
  max-width: 800px;
  margin: 0 auto;
  padding: 0.55rem 1.25rem;
  font-size: 0.78rem;
  line-height: 1.4;
  background: #f3f3f3;
  border-bottom: 1px solid var(--line);
  color: var(--body);
  box-sizing: border-box;
}

.how-it-works-handout-notice a {
  font-weight: 600;
  color: var(--ink);
}