/**
 * Primary horizontal nav (manager /super) — Wave 1 shell unification.
 * Uses design-tokens.css variables; keeps pills compact on mobile.
 */
.cp-primary-nav {
  --cp-pill-radius: var(--radius-md, 0.5rem);
}
.cp-primary-nav__pill {
  border-radius: var(--cp-pill-radius);
  font-size: var(--type-micro, 0.8125rem);
  white-space: nowrap; /* horizontal-overflow-risk-allow: short-pill-content-bounded */
}
.cp-primary-nav__pill:focus-visible {
  outline: 2px solid var(--color-primary-400, var(--color-primary-400)); /* theme-locked-allow: brand-token */
  outline-offset: 2px;
}
@media (max-width: 576px) {
  .cp-primary-nav__pill span {
    max-width: 6.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: bottom;
  }
}