.top { background: #0b0f17; border-bottom: 3px solid #c8ff2e; }
.top-in { min-height: 68px; }
.brand { gap: 12px; color: #ffffff; }
.brand img { width: 44px; height: 44px; display: block; flex: none; }
.wordmark { font-family: "Bebas Neue", "Oswald", "Arial Narrow", Impact, sans-serif; font-weight: 400; font-size: 32px;
  line-height: 1; letter-spacing: 0.04em; text-transform: uppercase; color: #ffffff; padding-top: 3px; }
.wordmark span { color: #c8ff2e; margin-left: 0.18em; }
.top nav a { color: #b8bec9; }
.top nav a:hover { color: #ffffff; background: rgba(255, 255, 255, 0.08); }
.top nav a[aria-current] { color: #0b0f17; background: #c8ff2e; font-weight: 700; }
.top nav a:focus-visible { outline: 2px solid #c8ff2e; outline-offset: 2px; }
@media (max-width: 720px) {
  .top-in { min-height: 60px; padding-top: 8px; padding-bottom: 8px; gap: 8px; }
  .brand img { width: 38px; height: 38px; }
  .wordmark { font-size: 28px; }
  .top nav { margin-left: 0; width: 100%; }
}