/* ═══════════════════════════════════════════
   PAGE HERO (shared across inner pages)
   ═══════════════════════════════════════════ */
.page-hero {
  position: relative;
  overflow: hidden;
  padding-bottom: var(--space-3xl);
}

.page-hero__bg {
  position: absolute;
  inset: 0;
  background: var(--gradient-hero);
  height: 280px;
}

.page-hero__gradient {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(10,37,64,0.2) 0%, rgba(11,110,197,0.05) 100%);
}

.page-hero__content {
  position: relative;
  z-index: 1;
  padding-top: var(--space-lg);
}

.page-hero .breadcrumb {
  color: rgba(255, 255, 255, 0.7);
  padding-bottom: var(--space-xl);
}

.page-hero .breadcrumb a {
  color: rgba(255, 255, 255, 0.7);
}

.page-hero .breadcrumb a:hover {
  color: var(--white);
}

.page-hero h1 {
  color: var(--white);
  margin-bottom: var(--space-md);
  font-size: var(--text-4xl);
}

.page-hero p {
  color: rgba(255, 255, 255, 0.85);
  font-size: var(--text-lg);
  max-width: 560px;
  margin-bottom: var(--space-xl);
}

@media (max-width: 768px) {
  .page-hero__bg {
    height: 240px;
  }
}

/* ═══════════════════════════════════════════
   ACCORDION SUBHEADER
   ═══════════════════════════════════════════ */
.accordion__subheader {
  display: flex;
  justify-content: space-between;
  padding: var(--space-sm) var(--space-lg);
  background: var(--gray-50);
  font-size: var(--text-xs);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: var(--tracking-wide);
  color: var(--text-muted);
  border-bottom: 1px solid var(--border-color);
}