.active-tab {
    background-color: rgba(59, 130, 246, 0.2);
    border-color: rgba(59, 130, 246, 0.5);
}

.project-tab:focus {
    outline: none;
    box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.5);
}

@media (max-width: 768px) {
    .project-tab {
        white-space: nowrap;
        font-size: 0.875rem;
    }
}

.aspect-square {
    aspect-ratio: 1 / 1;
}