/* Small local utility layer for the Tailwind classes used by this static page. */
.flex { display: flex; }
.items-center { align-items: center; }
.justify-center { justify-content: center; }
.cursor-pointer { cursor: pointer; }
.transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-duration: 150ms; }

.w-4 { width: 1rem; }
.h-4 { height: 1rem; }
.w-5 { width: 1.25rem; }
.h-5 { height: 1.25rem; }
.w-6 { width: 1.5rem; }
.h-6 { height: 1.5rem; }
.w-10 { width: 2.5rem; }
.h-10 { height: 2.5rem; }

.mt-4 { margin-top: 1rem; }
.mr-2 { margin-right: .5rem; }
.mb-4 { margin-bottom: 1rem; }
.p-4 { padding: 1rem; }
.px-5 { padding-left: 1.25rem; padding-right: 1.25rem; }
.py-24 { padding-top: 6rem; padding-bottom: 6rem; }

.rounded-full { border-radius: 9999px; }
.rounded-lg { border-radius: .5rem; }
.border { border-width: 1px; border-style: solid; }
.border-gray-200 { border-color: #e5e7eb; }
.bg-white { background-color: #fff; }
.bg-gray-100 { background-color: #f3f4f6; }

.text-gray-400 { color: #9ca3af; }
.text-gray-600 { color: #4b5563; }
.text-blue-500 { color: #3b82f6; }
.text-indigo-600 { color: #4f46e5; }
.text-emerald-600 { color: #059669; }
.text-amber-500 { color: #f59e0b; }
.text-orange-600 { color: #ea580c; }
.text-red-500 { color: #ef4444; }
.text-rose-600 { color: #e11d48; }
.text-yonBlue { color: #378ADD; }

.hover\:bg-blue-50:hover { background-color: #eff6ff; }
.hover\:bg-amber-50:hover { background-color: #fffbeb; }
.hover\:bg-red-50:hover { background-color: #fef2f2; }
.hover\:border-blue-200:hover { border-color: #bfdbfe; }
.hover\:border-amber-200:hover { border-color: #fde68a; }
.hover\:border-red-200:hover { border-color: #fecaca; }

.dark .dark\:bg-slate-900,
body.dark-mode .dark\:bg-slate-900 { background-color: #0f172a; }