body.ecosystem-topbar-page {
  --academy-gold: #3b82f6;
  --academy-gold-2: #60a5fa;
  --academy-border: rgba(59, 130, 246, 0.24);
}

body.ecosystem-topbar-page:not(.dark-mode) {
  --academy-bg: #f7f9fe;
  --academy-bg-2: #ffffff;
  --academy-topbar: rgba(255, 255, 255, 0.9);
  --academy-panel: rgba(255, 255, 255, 0.92);
  --academy-panel-2: rgba(255, 255, 255, 0.78);
  --academy-border-soft: rgba(17, 24, 39, 0.11);
  --academy-text: #171826;
  --academy-muted: #596070;
  --academy-shadow: 0 28px 90px rgba(31, 41, 55, 0.12);
}

body.ecosystem-topbar-page > .navbar {
  display: none !important;
}

body.ecosystem-topbar-page .page-section {
  padding-top: 120px;
}

body.ecosystem-topbar-page .blog-wrapper {
  padding-top: 120px;
}

body.ecosystem-topbar-page .academy-topbar-inner {
  max-width: 1480px;
}

body.ecosystem-topbar-page .academy-menu,
body.ecosystem-topbar-page .academy-notification-menu {
  width: min(360px, calc(100vw - 28px));
  max-width: calc(100vw - 28px);
  overflow-x: hidden;
}

body.ecosystem-topbar-page .academy-menu * {
  max-width: 100%;
}

body.ecosystem-topbar-page .academy-brand-mark {
  border-color: rgba(59, 130, 246, 0.55);
  color: #60a5fa;
  background: rgba(59, 130, 246, 0.1);
}

body.ecosystem-topbar-page .academy-avatar {
  border-color: rgba(96, 165, 250, 0.75);
  background: linear-gradient(135deg, #2563eb, #93c5fd);
  color: #fff;
}

body.ecosystem-topbar-page .academy-role-badge.trusted {
  color: #eff6ff;
  background: rgba(37, 99, 235, 0.26);
  border-color: rgba(96, 165, 250, 0.46);
}

@media (max-width: 820px) {
  body.ecosystem-topbar-page .page-section,
  body.ecosystem-topbar-page .blog-wrapper {
    padding-top: 102px;
  }
}