/* Keep the highlights aligned with the landing page content. */
.ribbon .ribbon-track {
  width: 100%;
  justify-content: center;
  flex-wrap: wrap;
  gap: 12px 24px;
  animation: none;
  transform: none;
  text-align: center;
}
.ribbon-track span {
  white-space: nowrap;
  display: inline-block;
  animation: bery-highlight-float 6s ease-in-out infinite;
  transition: color .2s ease, text-shadow .2s ease;
}
.ribbon-track span:nth-of-type(2) { animation-delay: -.8s; }
.ribbon-track span:nth-of-type(3) { animation-delay: -1.6s; }
.ribbon-track span:nth-of-type(4) { animation-delay: -2.4s; }
.ribbon-track span:nth-of-type(5) { animation-delay: -3.2s; }
.ribbon-track span:nth-of-type(6) { animation-delay: -4s; }
.ribbon-track span:hover {
  color: #f79433;
  text-shadow: 0 3px 14px rgba(247, 148, 51, .18);
}
.ribbon-track b {
  display: inline-block;
  animation: bery-highlight-sparkle 4.5s ease-in-out infinite;
  transform-origin: center;
}
.ribbon-track b:nth-of-type(2n) { animation-delay: -1.5s; }
.ribbon-track b:nth-of-type(3n) { animation-delay: -3s; }
@keyframes bery-highlight-float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-3px); }
}
@keyframes bery-highlight-sparkle {
  0%, 100% { transform: rotate(0deg) scale(1); opacity: .8; }
  50% { transform: rotate(18deg) scale(1.15); opacity: 1; }
}
@media (prefers-reduced-motion: reduce) {
  .ribbon-track span, .ribbon-track b { animation: none; transition: none; }
}
@media (max-width: 600px) {
  .ribbon .ribbon-track { gap: 10px 16px; }
}

.desktop-nav a.is-current{color:#087d9b;box-shadow:0 3px 0 #28abe2;background:#e9f8fc;border-radius:6px}.mobile-menu a.is-current{color:#087d9b;background:#e9f8fc;box-shadow:inset 3px 0 #28abe2}.mobile-dock a.is-current:not(.button){color:#087d9b;background:#e9f8fc;border-radius:12px}