/* ══════════════════════════════════════════════════════════════════
   Venn Canteen · the course bar stays in reach
   Once the jump nav (.vmenu-jump-nav) scrolls up under the site header, it holds there in a
   compact form until the last dessert has gone by. The course on screen is marked.
   Behaviour: /js/menu-jumpnav.js (adds .is-stuck and a placeholder so nothing jumps).
   Loaded by /menu/ and /pt/menu/ after /css/menu.css. Added 1 Oct 2026.
   ══════════════════════════════════════════════════════════════════ */
.vmenu-jump-nav.is-stuck{position:fixed;top:var(--vjn-top,46px);left:0;right:0;z-index:9000;box-shadow:0 6px 18px rgba(17,17,16,.06);animation:vjn-in .22s ease}
@keyframes vjn-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.vmenu-jump-nav.is-stuck .vmenu-jump-nav__scroll{padding-top:11px;padding-bottom:11px}
.vmenu-jump-nav.is-stuck .vmenu-jump-nav__inner{align-items:center}
.vmenu-jump-nav.is-stuck .vmenu-jump-nav__item{flex-direction:row;gap:7px;min-height:30px;padding:0 2px}
.vmenu-jump-nav.is-stuck .vmenu-jump-nav__label{margin-top:0;font-size:.92rem}
.vmenu-jump-nav.is-stuck .vmenu-jump-nav__sub{display:none}
.vmenu-jump-nav.is-stuck .vmenu-jump-nav__sep{align-self:center;margin:0 12px;width:16px}
.vmenu-jump-nav.is-stuck .vmenu-jump-nav__sep--heavy{width:24px}
/* the course on screen */
.vmenu-jump-nav__item.is-current .vmenu-jump-nav__dot{background:var(--green);border-color:var(--green)}
.vmenu-jump-nav__item.is-current .vmenu-jump-nav__label{color:var(--ink)}
.vmenu-jump-nav__item:focus{outline:none}
.vmenu-jump-nav__item:focus-visible{outline:1px solid rgba(73,110,82,.5);outline-offset:4px}
@media (max-width:640px){
  .vmenu-jump-nav.is-stuck .vmenu-jump-nav__scroll{padding:8px 16px 8px 20px}
  .vmenu-jump-nav.is-stuck .vmenu-jump-nav__item{min-height:38px}
  .vmenu-jump-nav.is-stuck .vmenu-jump-nav__label{font-size:.98rem}
  .vmenu-jump-nav.is-stuck .vmenu-jump-nav__sep{margin:0 9px;width:12px}
}
@media (prefers-reduced-motion:reduce){.vmenu-jump-nav.is-stuck{animation:none}}

/* sections land just under the header and the bar when reached by a link */
.vmenu-dish,.vmenu-chapter{scroll-margin-top:var(--vjn-offset,0px)}