/* How it works: page navigation remains usable without scripts. */
.audience-navigation, .investor-navigation { margin: 0; min-width: 0; display: flex; justify-content: center; gap: 4px; }
.investor-navigation { padding-left: 16px; border-left: 1px solid var(--line); }
.audience-link { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 6px 14px; border: 1px solid transparent; border-radius: 999px; color: var(--muted); font-size: 13px; line-height: 1.5; text-align: center; }
.audience-link:hover { color: var(--ink); border-color: var(--rule-hover); }
.audience-link[aria-current] { color: var(--ink); border-color: var(--rule-accent); background: var(--surface); }
@media (max-width: 960px) {
  .audience-navigation { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
  .audience-link { padding-inline: 10px; }
  .audience-navigation > .audience-link:last-child { grid-column: 1 / -1; justify-self: center; min-width: 44%; }
  .investor-navigation { margin-top: 12px; padding: 12px 0 0; border-left: 0; border-top: 1px solid var(--line); }
}
@media (forced-colors: active) { .audience-link[aria-current] { border-color: CanvasText; } }
@media print { .audience-navigation, .investor-navigation { display: none; } }