/* Oraculus — Shared navigation styles (included by all pages) */
:root {
  --oraculus-nav-h: 52px;
  --oraculus-safe-top: env(safe-area-inset-top, 0px);
}

/* Fixed nav: same position and height on every page so nothing shifts
   when navigating between routes or when content scrolls. */
nav {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: calc(var(--oraculus-nav-h) + var(--oraculus-safe-top));
  padding: var(--oraculus-safe-top) 12px 0;
  background: #111827;
  border-bottom: 1px solid #2a3a55;
  display: flex;
  align-items: center;
  gap: 10px;
  z-index: 1000;
  box-sizing: border-box;
}

/* Reserve space below the fixed nav so page content never sits under it. */
body {
  padding-top: calc(var(--oraculus-nav-h) + var(--oraculus-safe-top));
}

nav .nav-spacer,
.nav-spacer {
  flex: 1;
}