/* 3t-projects.html — page-specific styles */

.progress-bar {
            width: 100%;
            height: 25px;
            background: #E0E0E0;
            border-radius: 15px;
            overflow: hidden;
            margin: 1rem 0;
        }

.progress-fill {
            height: 100%;
            background: var(--gradient-primary);
            transition: width 0.3s ease;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-weight: bold;
            font-size: 0.85rem;
        }

.tag {
            display: inline-block;
            background: var(--primary-color);
            color: white;
            padding: 4px 12px;
            border-radius: 15px;
            font-size: 0.85rem;
            margin: 2px;
        }

@media (min-width: 992px) {
            .grid-3-col {
                grid-template-columns: repeat(3, 1fr) !important;
            }
        }