.profile-cards-v2-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.25rem;
    margin: 1.5rem 0;
    padding: 1.375rem 0;
}

.profile-card {
    box-shadow: none;
}

.profile-image img {
    width: 100%;
    height: auto;
    display: block;
}

.profile-info {
    display: flex;
    padding: 1.5rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.25rem;
    align-self: stretch;
}

.profile-name,
.profile-chinese-name {
    color: #141414;
    font-size: 1.3rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.82rem;
    text-align: left;
}

.profile-name a {
    color: #141414;
    text-decoration: none;
}

.profile-name a svg {
    transition: all 0.3s ease;
}

.profile-name a:hover svg {
    transform: rotate(-45deg);
}

.profile-positions {
    width: 100%;
}

.profile-positions .position {
    margin-bottom: 0.5rem;
    text-align: left;
}

.position.hidden {
    height: 0;
    opacity: 0;
    overflow: hidden;
    margin: 0;
}

.positions-toggle {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 0.9rem;
    padding: 0.5rem 0;
    text-align: left;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    border-top: 1px solid #7A7A7A;
    margin-top: 1rem;
}

.positions-toggle .show-less {
    display: none;
}

.positions-toggle[aria-expanded="true"] .show-more {
    display: none;
}

.positions-toggle[aria-expanded="true"] .show-less {
    display: inline;
}

.positions-toggle svg {
    color: #EF7C00;
}

.position-title,
.position-org {
    color: #141414;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem;
    text-align: left;
}

/* Profile Cards Link */
.profile-cards-link-wrapper {
    display: flex;
    justify-content: center;
}

.profile-cards-link {
    display: flex;
    padding: 0.75rem;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    border: 1px solid #003D7C;
}

.profile-cards-link span {
    color: #003D7C;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.5625
}

.profile-cards-link.external-link svg {
    transform: rotate(-45deg);
    transition: transform 0.3s ease;
}

.profile-cards-link.external-link:hover svg {
    transform: rotate(0deg);
}

/* Tablet and up */
@media (min-width: 768px) {
    .profile-cards-v2.columns-4 .profile-cards-v2-grid {
        grid-template-columns: repeat(4, 1fr);
    }

    .profile-cards-v2.columns-5 .profile-cards-v2-grid {
        grid-template-columns: repeat(5, 1fr);
    }

    .profile-cards-v2-grid {
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
        gap: 2rem;
        margin: 2rem 0;
    }

    .profile-info {
        padding: 1.5rem;
    }

    .position-title {
        font-size: 1rem;
    }

    .position-org {
        font-size: 0.9rem;
    }

    .profile-cards-link {
        display: inline-flex;
    }
}

/* if block is inside an accordion */
.accordion-block .accordion-content .profile-cards-v2 {
    padding: 0;
    padding: 22px 48px;
}