/* Evo top nav (shared by /evo and /evo/YYYY-MM-DD/ child pages). */
:root { --evo-nav-h: 38px; }
.evo-nav {
  position: fixed; top: 0; left: 0; right: 0; z-index: 50;
  height: var(--evo-nav-h);
  display: flex; align-items: center;
  overflow-x: auto; overflow-y: hidden;
  -webkit-overflow-scrolling: touch; scrollbar-width: none;
  background: linear-gradient(180deg, rgba(4,8,16,.86), rgba(4,8,16,.62));
  border-bottom: 1px solid rgba(63,240,255,.28);
  box-shadow: 0 1px 0 rgba(255,60,200,.18), 0 6px 18px rgba(0,0,0,.35);
  backdrop-filter: blur(6px) saturate(1.2); -webkit-backdrop-filter: blur(6px) saturate(1.2);
  font: 500 11px/1 ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
  letter-spacing: .14em; text-transform: uppercase;
}
.evo-nav::-webkit-scrollbar { display: none; }
.evo-nav ul { display: flex; flex-wrap: nowrap; gap: .25rem; margin: 0 auto; padding: 0 .75rem; list-style: none; }
.evo-nav li { flex: 0 0 auto; }
.evo-nav a {
  display: block; padding: .5rem .7rem; white-space: nowrap;
  color: rgba(190,236,255,.62); text-decoration: none;
  border: 1px solid transparent; border-radius: 2px;
  transition: color .2s, border-color .2s, text-shadow .2s, background .2s;
}
.evo-nav a:hover, .evo-nav a:focus-visible {
  color: #e9fbff; text-shadow: 0 0 8px #3ff0ff; outline: none;
  border-color: rgba(63,240,255,.35);
}
.evo-nav a.is-today { color: #7fe9ff; }
.evo-nav a.is-active {
  color: #fff; background: rgba(63,240,255,.10);
  border-color: rgba(63,240,255,.7);
  text-shadow: 0 0 6px #3ff0ff, 0 0 14px rgba(255,60,200,.55);
  box-shadow: inset 0 0 10px rgba(63,240,255,.18), 0 0 10px rgba(63,240,255,.25);
}
/* Nudge the scene's top neon signs below the bar. */
.has-evo-nav .signs { top: var(--evo-nav-h); }
@media (max-width: 640px) {
  :root { --evo-nav-h: 34px; }
  .evo-nav { font-size: 10px; letter-spacing: .1em; }
  .evo-nav ul { margin: 0; padding: 0 .5rem; }
  .evo-nav a { padding: .45rem .55rem; }
}