/* Shared navigation between the three public introduction pages. */
.marketing-navigation {
  position: static;
  z-index: 30;
  background: #f5f7fa;
  box-shadow: 0 1px 0 #e5eaf0;
}
.marketing-navigation__links {
  display: flex;
  justify-content: flex-end;
  gap: 4px;
  max-width: 1220px;
  margin: 0 auto;
  padding: 0 20px;
}
.marketing-navigation a {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 20px;
  border-bottom: 3px solid transparent;
  color: #52617b;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
  text-decoration: none;
  white-space: nowrap;
}
.marketing-navigation a:hover {
  background: #eaf0f8;
  color: #075bbf;
}
.marketing-navigation a[aria-current="page"] {
  border-bottom-color: #0867d9;
  background: #fff;
  color: #075bbf;
}
.marketing-navigation a:focus-visible {
  outline: 3px solid #0867d9;
  outline-offset: -5px;
  border-radius: 4px;
}
html[data-marketing-page="center"] { scroll-padding-top: 138px; }
html[data-marketing-page="center"] .header { top: 48px; }
html[data-marketing-page="sponsorship"] { scroll-padding-top: 64px; }
@media (max-width: 760px) {
  .marketing-navigation__links { padding: 0 8px; gap: 0; }
  .marketing-navigation a { flex: 1; padding: 0 8px; }
  html[data-marketing-page="learning"] { scroll-padding-top: 64px; }
}
@media (max-width: 720px) {
  html[data-marketing-page="center"] { scroll-padding-top: 128px; }
}
@media print {
  .marketing-navigation { display: none; }
}