/* ── BCSN Survivor Pool — Shared Styles ── */

  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

  :root {
    --black: #080808;
    --faint: rgba(255,255,255,0.07);
    --gold: #FFD700;
    --green: #1a7a4a;
    --green-lt: #22a060;
    --muted: rgba(255,255,255,0.6);
    --navy: #1B3568;
    --red: #E8000D;
    --white: #FFFFFF;
  }

  html { scroll-behavior: smooth; }

  body {
      font-family: 'Open Sans', sans-serif;
      background: var(--black);
      color: var(--white);
      min-height: 100vh;
    }

  /* ── NAV ──────────────────────────────────────────────── */
    nav {
      background: rgba(5,5,5,0.97);
      border-bottom: 1px solid rgba(255,255,255,0.07);
      padding: 14px 40px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      position: sticky;
      top: 0;
      z-index: 100;
    }

  .nav-back {
      font-family: 'Oswald', sans-serif;
      font-size: 0.72rem;
      letter-spacing: 3px;
      text-transform: uppercase;
      color: var(--muted);
      text-decoration: none;
      transition: color 0.2s;
    }

  .nav-back:hover { color: var(--gold); }

  .nav-back span { color: var(--gold); }

  .nav-links a {
      font-family: 'Oswald', sans-serif;
      font-size: 0.75rem;
      letter-spacing: 2px;
      text-transform: uppercase;
      color: var(--muted);
      text-decoration: none;
      transition: color 0.2s;
    }

  .nav-links a:hover { color: var(--white); }

  .nav-links a.active { color: var(--gold); }

  .footer-back:hover { opacity: 0.7; }