/* The site's top menu, for standalone pages (Dialogues, Wardenfall Season 2). Mirrors .nav in index.html. */
:root { --site-nav-h: 58px; }
.site-nav {
  position: sticky; top: 0; z-index: 60; height: var(--site-nav-h); box-sizing: border-box;
  display: flex; align-items: center; justify-content: space-between; padding: 0 56px;
  background: oklch(11.5% 0.022 56 / 0.96);
  backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);
  border-bottom: 1px solid oklch(22% 0.018 56);
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
}
.site-nav a { text-decoration: none; }
.site-nav-brand { font-family: 'Iowan Old Style', 'Charter', Georgia, 'Times New Roman', serif; font-size: 1rem; letter-spacing: 0.02em; color: oklch(93% 0.010 75); }
.site-nav-links { display: flex; gap: 36px; font-size: 0.7rem; letter-spacing: 0.18em; text-transform: uppercase; }
.site-nav-links a { color: oklch(52% 0.012 70); transition: color .2s; }
.site-nav-links a:hover { color: oklch(93% 0.010 75); }
.site-nav-links a.current { color: oklch(67% 0.155 50); }
.site-nav-toggle {
  display: none; background: none; border: 0; cursor: pointer; position: relative; z-index: 62;
  width: 42px; height: 42px; padding: 10px; margin-right: -10px;
  flex-direction: column; justify-content: center; gap: 5px; align-items: flex-end;
}
.site-nav-toggle span { display: block; height: 2px; width: 22px; background: oklch(93% 0.010 75); border-radius: 2px; transition: transform .25s ease, opacity .2s ease; }
body.site-nav-open .site-nav-toggle span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
body.site-nav-open .site-nav-toggle span:nth-child(2) { opacity: 0; }
body.site-nav-open .site-nav-toggle span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
.site-nav-scrim { display: none; }
@media (max-width: 1100px) {
  .site-nav { padding: 0 28px; }
  .site-nav-toggle { display: flex; }
  .site-nav-links {
    position: fixed; top: 0; right: 0; bottom: 0; width: min(80vw, 300px);
    flex-direction: column; gap: 0; align-items: stretch;
    background: oklch(11.5% 0.022 56 / 0.98); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
    border-left: 1px solid oklch(22% 0.018 56);
    padding: 82px 0 32px; font-size: 0.82rem; letter-spacing: 0.14em;
    transform: translateX(100%); transition: transform .3s cubic-bezier(.4,0,.2,1); overflow-y: auto; z-index: 61;
  }
  body.site-nav-open .site-nav-links { transform: translateX(0); }
  .site-nav-links a { padding: 17px 28px; border-bottom: 1px solid oklch(22% 0.016 56 / 0.5); }
  .site-nav-scrim { display: block; position: fixed; inset: 0; z-index: 59; background: oklch(0% 0 0 / 0.55); opacity: 0; pointer-events: none; transition: opacity .3s; }
  body.site-nav-open .site-nav-scrim { opacity: 1; pointer-events: auto; }
  body.site-nav-open { overflow: hidden; }
}
@media (max-width: 600px) { .site-nav { padding: 0 20px; } }