<style>
/* blink animation */
@keyframes blinkStep {
  0%, 49.999% { color: orange; }
  50%, 100%  { color: #0b69ff; }
}
.blink {
  color: orange;
  text-decoration: none;
  animation: blinkStep 1200ms steps(1,end) infinite;
  transition: color 160ms;
}
@media (prefers-reduced-motion: reduce) {
  .blink { animation: none; color: orange; }
}

/* container anchor positioning */
.nav-centerable { position: relative; }

/* mobile-centered link between logo and hamburger */
.mobile-center {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1050;                 /* ensure it sits above navbar toggler */
  white-space: nowrap;           /* avoid wrapping */
  font-weight: 600;
  font-size: 0.95rem;
  padding: 0.125rem 0.35rem;
}

/* optional: make sure the mobile center link is touch-friendly */
.mobile-center:active,
.mobile-center:focus {
  outline: none;
  text-decoration: none;
}
</style>