.intent-navigator {
  margin: 0 0 2rem;
}

.intent-navigator__heading {
  margin-top: 0;
}

.intent-navigator[hidden] {
  display: none;
}

.intent-navigator__heading {
  margin: 0 0 0.75rem;
  font-size: 1.25rem;
  line-height: 1.4;
}

.intent-navigator__intro {
  margin-bottom: 1rem;
}

.intent-navigator__intro p {
  margin: 0;
}

/* Navigation wrapper */
.intent-navigator__links {
  display: block;
}

/* Reset theme list styling */
.intent-navigator__list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;

  margin: 0;
  padding: 0;
  list-style: none;
}

.intent-navigator__item {
  margin: 0;
  padding: 0;
  list-style: none;
}

.intent-navigator__item::before,
.intent-navigator__item::marker {
  content: none;
}

/* Navigation links */
.intent-navigator__link {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;

  width: 100%;
  padding: 0.2rem 0;

  color: inherit;
  font: inherit;
  line-height: 1.5;
  text-decoration: none;

  cursor: pointer;

  transition:
    color 0.2s ease,
    padding-left 0.2s ease,
    text-decoration-color 0.2s ease;
}

.intent-navigator__link:visited {
  color: inherit;
}

.intent-navigator__link:hover,
.intent-navigator__link:focus,
.intent-navigator__link.is-active {
  color: #11b5d9;
  padding-left: 0.35rem;
}

.intent-navigator__link:hover,
.intent-navigator__link:focus {
  text-decoration: underline;
  text-underline-offset: 3px;
}

.intent-navigator__arrow,
.intent-navigator__label {
  color: inherit;
}

.intent-navigator__arrow {
  flex: 0 0 auto;
  font-weight: 700;
  transition: transform 0.2s ease;
}

.intent-navigator__link:hover .intent-navigator__arrow,
.intent-navigator__link:focus .intent-navigator__arrow,
.intent-navigator__link.is-active .intent-navigator__arrow {
  transform: translateX(3px);
}

.intent-navigator__label {
  min-width: 0;
}

/* Accessible keyboard focus */
.intent-navigator__link:focus-visible {
  outline: 2px solid #11b5d9;
  outline-offset: 3px;
}

/*
 * Keeps anchored H2s below the sticky header.
 * Adjust 7rem if necessary.
 */
.blog-post__body h2[id],
.blog-post__content h2[id],
.post-body h2[id],
article h2[id] {
  scroll-margin-top: 7rem;
}

/* Respect reduced-motion preferences */
@media (prefers-reduced-motion: reduce) {
  .intent-navigator__link,
  .intent-navigator__arrow {
    transition: none;
  }
}

/* AF colour — applies to all visitors */
[data-intent-navigator] .intent-navigator__link,
[data-intent-navigator] .intent-navigator__link:visited,
[data-intent-navigator] .intent-navigator__link:hover,
[data-intent-navigator] .intent-navigator__link:focus,
[data-intent-navigator] .intent-navigator__link.is-active,
[data-intent-navigator] .intent-navigator__arrow,
[data-intent-navigator] .intent-navigator__label {
  color: #246A9B !important;
}

[data-intent-navigator] .intent-navigator__link:focus-visible {
  outline-color: #246A9B !important;
}
  }