/* The site menu, self-contained. Loaded by EVERY page via tools/sync-nav.py
   (2026-10-10). Some pages do not load site.css and some carry their own old
   .topnav rules, so the menu brought its own look: literal colours, explicit
   sizes, and `html body nav.topnav` so it always wins over page styles. */
html body nav.topnav{position:sticky;top:0;z-index:50;background:rgba(15,22,35,.94);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(201,165,92,.12);
  font-family:Inter,system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.75;margin:0}
html body nav.topnav .inner{max-width:1080px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;
  justify-content:center;gap:10px 30px;padding:12px 24px;text-align:center}
html body nav.topnav a{color:#a8a299;text-decoration:none;font-size:14.4px;line-height:1.75;letter-spacing:.02em;
  white-space:nowrap;padding:4px 0;border:0;background:none;font-weight:400}
html body nav.topnav a:hover{color:#dbbe7a}
html body nav.topnav a.brand{font-family:'Cormorant Garamond',Georgia,serif;font-size:19.2px;letter-spacing:.03em;color:#f5f0e8;padding:0 30px 0 0;border-right:1px solid rgba(201,165,92,.25)}
html body nav.topnav a.brand:hover{color:#dbbe7a}
html body nav.topnav .links{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 22px}
html body nav.topnav a[aria-current="page"]:not(.join):not(.brand){color:#c9a55c}
html body nav.topnav a.join{color:#0f1623;background:#c9a55c;padding:7px 16px;border-radius:999px;font-weight:600;font-size:13.6px;letter-spacing:.01em}
html body nav.topnav a.join:hover{background:#dbbe7a;color:#0f1623}
html body nav.topnav a.join[aria-current="page"]{box-shadow:0 0 0 2px #dbbe7a}
@media(max-width:760px){
  html body nav.topnav .inner{flex-direction:column;justify-content:center;gap:6px;padding:8px 12px}
  html body nav.topnav .links{justify-content:center;gap:4px 14px}
  html body nav.topnav a{font-size:12.5px;padding:2px 0}
  html body nav.topnav a.brand{font-size:17px;padding:0;border-right:0}
  html body nav.topnav a.join{padding:5px 12px;font-size:12px}
}