/* Same nav bar as the homepage — same classes, fonts, colors, sizes.
   Uses literal color values (not custom properties) so it never collides
   with the board app's own --ink/--chalk/--amber-style variables. */

nav{
  position:sticky; top:0; z-index:50;
  background:#0A0F0D;
  display:flex; justify-content:space-between; align-items:center;
  padding:22px 5vw;
  flex-wrap:wrap; gap:12px;
  border-bottom:1px solid rgba(237,231,217,0.08);
}
nav .logo{font-family:'Anton',sans-serif; font-size:1.3rem; letter-spacing:1px; color:#EDE7D9; text-decoration:none;}
nav .nav-links{display:flex; align-items:center; flex-wrap:wrap; gap:0;}
nav a{color:#EDE7D9; text-decoration:none; font-size:0.95rem; margin-left:28px; font-family:'Inter',sans-serif;}

/* Give the app the remaining viewport height below the nav bar (measured: ~81px at this padding/font size) */
#app{
  height:calc(100vh - 81px) !important;
  height:calc(100dvh - 81px) !important;
}