/* Basic shared utilities */
.navlink { @apply py-2 hover:underline; }
.dropdown { @apply absolute hidden group-hover:block bg-white dark:bg-slate-800 shadow rounded p-2 border dark:border-slate-700 min-w-[200px]; }
.dropdown a { @apply block px-3 py-1 hover:bg-slate-100 dark:hover:bg-slate-700 rounded; }
.mnav { @apply block px-3 py-2 rounded hover:bg-slate-100 dark:hover:bg-slate-700; }
.btn-ghost { @apply px-3 py-1 border rounded hover:bg-slate-100 dark:hover:bg-slate-700 transition; }

/* Marquee (CSS based) */
.marquee {
  overflow: hidden; white-space: nowrap; position: relative; mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent);
}
.marquee-track {
  display: inline-block; padding-left: 100%; animation: scrollLeft 22s linear infinite;
}
@keyframes scrollLeft {
  from { transform: translateX(0); } to { transform: translateX(-100%); }
}

/* Achievers carousel (basic) */
.achiever-card { @apply bg-white dark:bg-slate-800 rounded-2xl shadow p-4 flex items-center gap-4; }
.achiever-img { @apply h-16 w-16 rounded-full object-cover ring-2 ring-emerald-300; }