.pt-566-container {
    position: relative;
    overflow: hidden;
    mask-image: linear-gradient(to bottom, transparent, black 8%, black 92%, transparent);
    -webkit-mask-image: linear-gradient(to bottom, transparent, black 8%, black 92%, transparent);
    background: transparent;
    padding: 20px 0;
}
.pt-566-grid {
    display: grid;
    gap: 24px;
    height: 100%;
    align-items: flex-start;
}
.pt-566-column {
    height: 100%;
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
}
.pt-566-track {
    display: flex;
    flex-direction: column;
    gap: 24px;
    flex-shrink: 0;
}

/* CSS Animations for smoother loop */
@keyframes pt-566-scroll-up {
    0% { transform: translateY(0); }
    100% { transform: translateY(calc(-50% - 12px)); } /* 12px is half the gap */
}
@keyframes pt-566-scroll-down {
    0% { transform: translateY(calc(-50% - 12px)); }
    100% { transform: translateY(0); }
}

.pt-566-animate-up {
    animation: pt-566-scroll-up linear infinite;
}
.pt-566-animate-down {
    animation: pt-566-scroll-down linear infinite;
}

.pt-566-container:hover .pt-566-track {
    animation-play-state: paused;
}

.pt-566-card {
    background: #ffffff;
    border: 1px solid #f0f0f0;
    border-radius: 16px;
    padding: 28px;
    box-shadow: 0 4px 24px rgba(0,0,0,0.04);
    display: flex;
    flex-direction: column;
    gap: 16px;
    height: 100%; /* Make them all same height contextually */
}
.pt-566-card-header {
    display: flex;
    align-items: center;
    gap: 16px;
}
.pt-566-avatar {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
}
.pt-566-meta {
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.pt-566-name {
    font-size: 16px;
    font-weight: 600;
    color: #1a1a1a;
    line-height: 1.2;
}
.pt-566-role {
    font-size: 13px;
    color: #6b7280;
    line-height: 1.2;
}
.pt-566-content {
    font-size: 14px;
    line-height: 1.6;
    color: #4b5563;
}

/* Responsive Overrides */
@media (max-width: 1024px) {
    .pt-566-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .pt-566-column:nth-child(3) {
        display: none;
    }
}
@media (max-width: 767px) {
    .pt-566-grid {
        grid-template-columns: 1fr !important;
    }
    .pt-566-column:nth-child(2),
    .pt-566-column:nth-child(3) {
        display: none;
    }
}