/* Campaign page specific styles (kept minimal to avoid duplicating base.css) */
.hero-campaign {
  background: linear-gradient(135deg, rgba(27,125,125,0.08) 0%, rgba(74,43,92,0.08) 100%);
}
.hero-media img {
  border-radius: var(--radius-lg);
}
.tools-bar {
  display: block;
}
.toc-wrapper {
  border-top: var(--border-width) solid var(--border-color-light);
  padding-top: var(--space-4);
}
.toc {
  overflow-x: auto;
}
.toc-list {
  display: flex;
  gap: var(--space-3);
  flex-wrap: wrap;
}
.toc-list a {
  padding: var(--space-2) var(--space-3);
  border: var(--border-width) solid var(--border-color);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  background-color: var(--color-bg-secondary);
  transition: all var(--transition-base) var(--transition-timing);
}
.toc-list a:hover {
  color: var(--color-accent-gold-light);
  box-shadow: var(--shadow-glow);
}
.toc-list a.active {
  border-color: var(--color-primary);
  box-shadow: var(--shadow-glow);
}
.section-anchor {
  scroll-margin-top: 96px; /* offset for sticky header */
}
.section-cta .btn { white-space: nowrap; }