/* Active tab style */
.tab-active {
    background-color: #3b82f6; /* blue-500 */
    color: white;
}

/* Inactive tab style */
.tab-inactive {
    background-color: #e5e7eb; /* gray-200 */
    color: #1f2937; /* gray-800 */
}

.dark .tab-inactive {
    background-color: #374151; /* gray-700 */
    color: #f3f4f6; /* gray-100 */
}

/* Ensure some spacing for the sticky element */
.top-28 {
    top: 7rem;
}