/* The wordmark leads home; three compact links keep the navigation clear. */
body>.nav{box-shadow:none}
.nav nav.site-links{display:flex;align-items:center;gap:clamp(1rem,2.2vw,2.5rem);font-size:.9375rem}
.nav .site-links>a:not(.pill){display:flex;align-items:center;min-height:44px;font-weight:600;line-height:1.2}
.nav .site-links>a.rulebook-nav,.nav .site-links>a.work-nav{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-block:.3rem}
.nav .site-links .rulebook-nav>span,.nav .site-links .work-nav>span{display:block}
.nav .site-links .rulebook-nav .rulebook-nav-pink{display:inline;color:#3054f5}
.nav .site-links>a[aria-current="page"]{color:var(--pink)}
.nav .site-links>a.rulebook-nav[aria-current="page"]{color:#fff;text-decoration:underline;text-underline-offset:.3em}
body:not(.privacy-page)>.nav .site-links>a.nav-contact{min-height:44px;padding:.65rem 1.1rem;background:#3054f5;color:#fff;border:1px solid #3054f5;white-space:nowrap;font-size:.9375rem;line-height:1.2;transform:none}
body:not(.privacy-page)>.nav .site-links>a.nav-contact:hover{background:#2442c6;border-color:#2442c6}
.nav .site-links>a:focus-visible{outline:2px solid #fff;outline-offset:5px}
.enquiry-page .nav .site-links{color:#fff}
.nav .nav-toggle{display:none}
.nav nav.site-links[hidden]{display:none}
@media(max-width:760px){
  body>.nav,body.home-page>.nav{height:auto;min-height:0;display:flex;flex-wrap:wrap;gap:.9rem;padding:1rem var(--pad)}
  .nav nav.site-links{order:2;flex:1 0 100%;margin-left:0;justify-content:space-between;gap:.6rem;font-size:.875rem}
  .nav .site-links>a:not(.pill){display:flex;max-width:6.2rem;white-space:normal}
  .nav .site-links>a.rulebook-nav{min-width:4.5rem}
  body:not(.privacy-page)>.nav .site-links>a.nav-contact{padding:.65rem .8rem;font-size:.875rem}
  html{scroll-padding-top:10rem}

  /* Keep the link list usable if JavaScript is unavailable. */
  html.mobile-menu-ready{scroll-padding-top:6rem}
  .mobile-menu-ready body>.nav,.mobile-menu-ready body.home-page>.nav{min-height:86px;flex-wrap:nowrap;justify-content:space-between;gap:1rem;padding:1rem var(--pad)}
  /* Overlay the mobile homepage so a hidden header never leaves a blank strip. */
  .mobile-menu-ready body.home-page>.nav{position:fixed;top:0;right:0;left:0;background:#141418;transition:opacity .2s ease}
  .mobile-menu-ready body.home-page:not(.page-scrolled)>.nav:not(.menu-open){opacity:0;visibility:hidden;pointer-events:none}
  .mobile-menu-ready body>.nav .brand-lockup .brand-wordmark{width:138px;max-width:40vw}
  .mobile-menu-ready .nav .nav-toggle{display:inline-flex;align-items:center;justify-content:center;gap:.85rem;min-width:48px;min-height:48px;margin-left:auto;padding:.6rem;border:0;background:transparent;color:#fff;font:600 .9rem/1 var(--display);cursor:pointer;touch-action:manipulation}
  .nav-toggle-label{display:none}
  .menu-open .nav-toggle-label{display:inline}
  .nav-toggle-icon{position:relative;display:block;width:30px;height:22px;flex:none}
  .nav-toggle-icon:before,.nav-toggle-icon:after{content:"";position:absolute;left:0;top:5px;width:30px;height:2px;background:#3054f5;transition:transform .2s ease}
  .nav-toggle-icon:after{top:15px}
  .menu-open .nav-toggle-icon:before{transform:translateY(5px) rotate(45deg)}
  .menu-open .nav-toggle-icon:after{transform:translateY(-5px) rotate(-45deg)}
  .nav .nav-toggle:focus-visible,.nav .brand-lockup:focus-visible{outline:2px solid #fff;outline-offset:5px}
  html.mobile-menu-open,html.mobile-menu-open body{overflow:hidden;overscroll-behavior:none}
  .mobile-menu-ready body>.nav.menu-open,.mobile-menu-ready body.home-page>.nav.menu-open{position:fixed;inset:0;z-index:300;height:100vh;height:100dvh;min-height:0;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto minmax(0,1fr);align-content:start;align-items:center;row-gap:1.75rem;padding-bottom:max(1.5rem,env(safe-area-inset-bottom));background:#141418;border:0}
  .mobile-menu-ready body>.nav.menu-open nav.site-links{grid-column:1/-1;align-self:stretch;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:clamp(1.5rem,5vh,3rem);min-height:0;width:100%;margin:0;padding:.3rem .4rem 1rem;overflow-y:auto;overscroll-behavior:contain;animation:rogue-menu-in .24s ease-out both}
  /* Auto margins centre the links without clipping them on short screens. */
  .mobile-menu-ready body>.nav.menu-open .site-links>a:first-child{margin-top:auto}
  .mobile-menu-ready body>.nav.menu-open .site-links>a:last-child{margin-bottom:auto}
  .mobile-menu-ready body>.nav.menu-open .site-links>a:not(.pill){display:flex!important;flex-direction:row;align-items:baseline;justify-content:flex-start;gap:.28em;max-width:none;min-width:0;flex-shrink:0;padding:0;font:700 clamp(1.375rem,6vw,1.75rem)/1.2 var(--display);letter-spacing:-.035em;white-space:nowrap;text-decoration:none}
  .mobile-menu-ready body>.nav.menu-open .site-links .rulebook-nav-pink{display:inline;color:#3054f5}
  .mobile-menu-ready body>.nav.menu-open .site-links>a:not(.pill):after{display:none}
  .mobile-menu-ready body>.nav.menu-open .site-links>a[aria-current="page"]{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.12em}
  .mobile-menu-ready body:not(.privacy-page)>.nav.menu-open .site-links>a.nav-contact{flex-shrink:0;min-height:48px;padding:.8rem 1.35rem;font-size:1.05rem;color:#fff}
}
@media(min-width:761px) and (max-width:1000px){.nav{gap:1.5rem}.nav .brand-wordmark{width:150px}.nav .site-links .pill{gap:1rem;padding-inline:1rem}}
@keyframes rogue-menu-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.nav-toggle-icon:before,.nav-toggle-icon:after,.mobile-menu-ready body.home-page>.nav{transition:none}.mobile-menu-ready body>.nav.menu-open nav.site-links{animation:none}}