/* The menu at the top of every page: How it works, Cases, Games. */
.nav { display: flex; gap: 6px; align-items: center; }
.nav a { padding: 6px 11px; border: 1.5px solid var(--ink, #1E1C1A); border-radius: 999px; background: var(--card, #FBFAF7); color: var(--ink, #1E1C1A);
  font: 500 13px/1 var(--body, system-ui); text-decoration: none; white-space: nowrap; box-shadow: 0 2px 0 rgba(30,28,26,.35); }
.nav a:active { transform: translateY(1px); }
.nav a[aria-current="page"] { background: var(--ink, #1E1C1A); color: var(--card, #FBFAF7); }
@media (max-width: 370px) { .nav a { padding: 6px 8px; font-size: 12px; } }