/* One top navigation for every standalone page (Oct 12 2026). Markup: siteNav() in page-routes.js.
   Phones get one row that scrolls sideways, so every link stays one tap away. */
.site-top{background:#11120f;border-bottom:1px solid rgba(200,146,42,.35)}
/* the home page styles every <nav> as its fixed top bar; this one stays in the flow */
nav.site-nav{position:static;height:auto;z-index:auto;justify-content:flex-start;background:none;border:0;-webkit-backdrop-filter:none;backdrop-filter:none}
.site-nav{max-width:1200px;margin:0 auto;padding:6px 24px;display:flex;align-items:center;gap:16px}
.site-nav .sn-brand{flex:none;display:inline-flex;align-items:center;min-height:44px;font:28px/1 'Bebas Neue',sans-serif;letter-spacing:3px;color:#C8922A;text-decoration:none}
.site-nav .sn-links{display:flex;flex-wrap:wrap;gap:2px;min-width:0}
.site-nav .sn-links a{display:inline-flex;align-items:center;min-height:44px;padding:0 10px;border-radius:4px;color:#d2cbbd;font-size:14px;font-weight:600;text-decoration:none;white-space:nowrap}
.site-nav .sn-links a:hover{color:#fff}
.site-nav .sn-links a[aria-current="page"]{color:#C8922A;background:rgba(200,146,42,.1)}
.site-nav a:focus-visible{outline:2px solid #C8922A;outline-offset:2px}
@media (max-width:760px){
  .site-nav{padding:4px 16px;gap:10px}
  .site-nav .sn-brand{font-size:24px;letter-spacing:2px}
  .site-nav .sn-links{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .site-nav .sn-links::-webkit-scrollbar{display:none}
  .site-nav .sn-links a{padding:0 9px;font-size:13px}
}