body.page-id-18455 {
  --ia-aif-secnav-h: 68px;
}

body.page-id-18455 .ia-aif-secnav {
  position: sticky;
  top: 0;
  z-index: 6;
  border-bottom: 1px solid var(--ia-border);
  background-color: var(--ia-surface);
}

body.page-id-18455 .ia-aif-secnav__inner {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: var(--ia-space-md);
  width: 100%;
  min-height: var(--ia-aif-secnav-h);
  padding-inline: max(var(--ia-gutter), calc((100% - var(--ia-container)) / 2));
}

body.page-id-18455 .ia-aif-secnav__list {
  display: flex;
  flex-wrap: nowrap;
  gap: var(--ia-space-2xs);
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  overflow-x: auto;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}

body.page-id-18455 .ia-aif-secnav__list::-webkit-scrollbar {
  display: none;
}

body.page-id-18455 .ia-aif-secnav__list.has-more-right {
  -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 40px), transparent 100%);
  mask-image: linear-gradient(to right, #000 calc(100% - 40px), transparent 100%);
}

body.page-id-18455 .ia-aif-secnav__list.has-more-left {
  -webkit-mask-image: linear-gradient(to right, transparent 0, #000 40px);
  mask-image: linear-gradient(to right, transparent 0, #000 40px);
}

body.page-id-18455 .ia-aif-secnav__list.has-more-left.has-more-right {
  -webkit-mask-image: linear-gradient(
    to right,
    transparent 0,
    #000 40px,
    #000 calc(100% - 40px),
    transparent 100%
  );
  mask-image: linear-gradient(
    to right,
    transparent 0,
    #000 40px,
    #000 calc(100% - 40px),
    transparent 100%
  );
}

body.page-id-18455 .ia-aif-secnav__list li {
  margin: 0;
  padding: 0;
  list-style: none;
}

body.page-id-18455 .ia-aif-secnav__link {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding-inline: var(--ia-space-md);
  border: 1px solid transparent;
  border-radius: var(--ia-radius-full);
  font-size: var(--ia-text-sm);
  font-weight: var(--ia-weight-medium);
  line-height: var(--ia-leading-snug);
  white-space: nowrap;
  background-color: var(--ia-action);
  color: var(--ia-action-contrast);
  text-decoration: none;
  transition: background-color var(--ia-motion-fast) var(--ia-ease),
    color var(--ia-motion-fast) var(--ia-ease);
}

body.page-id-18455 .ia-aif-secnav__link:hover,
body.page-id-18455 .ia-aif-secnav__link:focus-visible {
  background-color: var(--ia-action-hover);
  color: var(--ia-action-contrast);
}

body.page-id-18455 .ia-aif-secnav__link[aria-current] {
  background-color: var(--ia-blue-800);
  color: var(--ia-action-contrast);
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.28);
}

body.page-id-18455 .ia-aif-section,
body.page-id-18455 .ia-aif-programme-head {
  scroll-margin-top: calc(var(--ia-aif-secnav-h) + var(--ia-space-md));
}

@media (prefers-reduced-motion: no-preference) {
  html:has(body.page-id-18455) {
    scroll-behavior: smooth;
  }
}

@media screen and (max-width: 767px) {
  body.page-id-18455 .ia-aif-secnav__inner {
    gap: var(--ia-space-2xs);
    padding-inline: max(20px, var(--ia-gutter));
  }

  body.page-id-18455 .ia-aif-secnav__list {
    gap: var(--ia-space-3xs);
  }

  body.page-id-18455 .ia-aif-secnav__link {
    min-height: 40px;
    padding-inline: var(--ia-space-sm);
    font-size: var(--ia-text-xs);
  }
}