/* Shared secondary nav for deep pages with multiple real sections
   (Analytics, Customer Profile, Automation) -- see page-subnav.js.
   Previously duplicated per-feature as .analytics-subnav; now one
   definition reused everywhere. */
.page-subnav {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  border-bottom: 1px solid var(--border);
  margin-bottom: 20px;
}

.page-subnav__tab {
  padding: 10px 14px;
  font-weight: 750;
  font-size: 0.88rem;
  color: var(--muted);
  text-decoration: none;
  border-bottom: 2px solid transparent;
  margin-bottom: -1px;
}

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

.page-subnav__tab.is-active {
  color: var(--brand-700);
  border-bottom-color: var(--brand-600);
}

@media (max-width: 720px) {
  .page-subnav {
    gap: 0;
    overflow-x: auto;
  }

  .page-subnav__tab {
    flex: 0 0 auto;
    white-space: nowrap;
  }
}