/* ============================================
   Knowledge – Sub-routes styling
   ============================================ */

/* Knowledge hero variant */
.page-hero--knowledge {
  background: linear-gradient(160deg, #0d0b2e 0%, var(--color-primary) 45%, #1a1654 100%);
}
.page-hero--knowledge::before {
  background-image: url('https://cwhadvisors.com/wp-content/uploads/2024/08/Healthcare-Focus-Header.jpg');
  opacity: 0.12;
}

/* Sub-nav for knowledge (sticky under header) */
.sub-nav--knowledge .sub-nav-inner {
  max-width: var(--container);
  margin: 0 auto;
}

/* Knowledge section spacing */
.knowledge-section .section-title {
  margin-bottom: var(--space-sm);
}
.knowledge-intro {
  margin-bottom: var(--space-lg);
}
.knowledge-links {
  margin-top: var(--space-lg);
  font-size: 0.9375rem;
  color: var(--color-text-muted);
}
.knowledge-links a {
  color: var(--color-secondary);
  text-decoration: none;
}
.knowledge-links a:hover {
  color: var(--color-primary);
  text-decoration: underline;
}
.knowledge-links__sep {
  margin: 0 0.35rem;
  color: var(--color-border);
}

/* Knowledge list page (sub-routes: insights, videos, webinars, whitepapers) */
.knowledge-list-section .section-title {
  margin-bottom: var(--space-md);
}
.knowledge-list-section .knowledge-grid {
  margin-top: var(--space-lg);
}

/* Card link wraps entire card; ensure no double focus ring on inner span */
.knowledge-card a {
  text-decoration: none;
  color: inherit;
  display: block;
}
.knowledge-card .link-arrow {
  font-weight: 500;
  color: var(--color-secondary);
  font-size: 0.9375rem;
}

@media (max-width: 768px) {
  .sub-nav--knowledge .sub-nav-inner {
    padding: var(--space-sm) 0;
    gap: 0.25rem;
  }
  .sub-nav__link {
    padding: 0.5rem 0.75rem;
    font-size: 0.875rem;
  }
}