/* ROUND 117 — Our History year nav (inc/round117.php). Loads after inner.css, r63.css, r77.css and r113.css
   on the history template. */

/* 1. The line and dots sit on the same vertical axis as the header's Contact button: the nav's right edge is the
      header's right content edge, one page gutter in from the browser edge at every width (the header bar runs
      full width since round 63). Replaces the 30px offset from round 113; still fixed to the right of the viewport. */
.sh-r117 .hist__nav{right:var(--global-padding)}

/* 2. Colour changes fade instead of snapping: the active dot handing over to the next one, and the dots and line
      switching between light (over sage / charcoal / slate panels) and charcoal (over the cream panels, .sh-inv).
      Active colour, dot size, spacing and the hover / active scale are unchanged. */
.sh-r117 .hist__dot{transition:background-color .45s var(--ease-soft),transform .3s var(--ease-spring)}
.sh-r117 .hist__nav::before{transition:background-color .45s var(--ease-soft)}

/* 3. The nav fades out and back in at the Footer CTA hand-over (round 113) instead of cutting */
.sh-r117 .hist__nav{transition:opacity .3s var(--ease-soft)}

@media (prefers-reduced-motion:reduce){
  .sh-r117 .hist__dot,.sh-r117 .hist__nav::before,.sh-r117 .hist__nav{transition:none}
}