/* Top navigation, matching the Benchwork Ballistics and KATR Software sites. Colors come from this app's palette variables. */
html { scroll-padding-top: 72px; }
.topnav { position: sticky; top: 0; z-index: 20; background: #2a2350; border-bottom: 1px solid rgba(255,255,255,0.12); }
.topnav-inner { max-width: 960px; margin: 0 auto; padding: 0 20px; display: flex; align-items: center; gap: 18px; }
.topnav .brand { display: flex; align-items: center; gap: 10px; flex-shrink: 0; padding: 8px 0; color: #fff; text-decoration: none; font-weight: 700; font-size: 1rem; }
.topnav .brand img { width: 28px; height: 28px; border-radius: 7px; }
.topnav nav { display: flex; gap: 2px; margin-left: auto; overflow-x: auto; white-space: nowrap; scrollbar-width: none; }
.topnav nav::-webkit-scrollbar { display: none; }
.topnav nav a { display: block; padding: 14px 12px 11px; color: #d9d5f5; text-decoration: none; font-weight: 600; font-size: 0.92rem; border-bottom: 3px solid transparent; }
.topnav nav a:hover { color: #fff; }
.topnav nav a[aria-current="page"] { color: #fff; border-bottom-color: var(--accent2); }
.topnav nav a.ext { margin-left: 8px; border-left: 1px solid rgba(255,255,255,0.2); }
@media (max-width: 640px) {
  html { scroll-padding-top: 108px; }
  .topnav-inner { flex-wrap: wrap; gap: 0; }
  .topnav .brand { padding: 9px 0 2px; }
  .topnav nav { width: 100%; margin-left: 0; }
  .topnav nav a { padding: 9px 8px 8px; font-size: 0.85rem; }
}