/* ════════════════════════════════════════════════════════════════════
   td-nav.css — Canonical public-site navigation styles.
   Linked from every public page so the top nav reads identically across
   the site (same items, same uppercase font, same colors, same layout).

   Pages link this AFTER their own <style> blocks, near </head>, so the
   uniform nav rules win on source-order.
   ════════════════════════════════════════════════════════════════════ */

/* Reserve space under the fixed nav so page content starts below it. */
body { padding-top: 64px; }

/* Fixed top nav bar */
nav#main-nav {
  position: fixed; top: 0; left: 0; right: 0; z-index: 100;
  height: 64px; padding: 0 1.25rem;
  display: flex; align-items: center; justify-content: space-between;
  background: rgba(7,8,16,.95);
  -webkit-backdrop-filter: blur(12px);
          backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(85,133,245,.35);
  transition: background .3s;
}
nav#main-nav.scrolled { background: rgba(7,8,16,.99); }

/* Logo */
nav#main-nav .logo {
  font-family: 'Oswald', sans-serif;
  font-size: 1.3rem; font-weight: 700; letter-spacing: .06em;
  color: #eef0f8; text-decoration: none; white-space: nowrap;
}
nav#main-nav .logo em { font-style: normal; color: #5585f5; }

/* Link list */
nav#main-nav .nav-links {
  display: flex; align-items: center; gap: .65rem;
  list-style: none; margin: 0; padding: 0;
}
nav#main-nav .nav-links a {
  font-family: 'Oswald', sans-serif;
  font-size: .72rem; font-weight: 500; letter-spacing: .08em;
  text-transform: uppercase;
  color: #c0c8e0; text-decoration: none; white-space: nowrap;
  transition: color .2s;
}
nav#main-nav .nav-links a:hover { color: #c9a84c; }

/* Burger button — hidden on desktop, shown on mobile */
nav#main-nav .burger {
  display: none; flex-direction: column; gap: 5px;
  background: none; border: 0; padding: 4px; cursor: pointer;
}
nav#main-nav .burger span {
  display: block; width: 22px; height: 2px;
  background: #eef0f8; border-radius: 2px;
  transition: all .3s; transform-origin: center;
}
nav#main-nav .burger.open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
nav#main-nav .burger.open span:nth-child(2) { opacity: 0; }
nav#main-nav .burger.open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

/* Mobile fullscreen overlay menu */
.mob-nav {
  display: none; position: fixed; inset: 64px 0 0 0; z-index: 99;
  background: rgba(7,8,16,.99); flex-direction: column;
  align-items: center; justify-content: center;
  gap: 2.5rem; padding: 2rem 1rem;
  opacity: 0; pointer-events: none; transition: opacity .25s;
  overflow-y: auto;
}
.mob-nav.open { display: flex; opacity: 1; pointer-events: all; }
.mob-nav a {
  font-family: 'Oswald', sans-serif;
  font-size: 1.5rem; font-weight: 600; letter-spacing: .1em;
  text-transform: uppercase; color: #eef0f8;
  text-decoration: none; transition: color .2s;
}
.mob-nav a:hover { color: #c9a84c; }

/* Collapse to burger menu on smaller desktops */
@media (max-width: 1100px) {
  nav#main-nav .nav-links { display: none; }
  nav#main-nav .burger    { display: flex; }
}