/* Shared person block styles */
.od-person {
    margin: 0 0 14px;
}

.od-person-link {
    display: block;
    text-decoration: none;
    color: inherit;
}

.od-person-link:focus,
.od-person-link:hover {
    text-decoration: none; /* keep it clean */
}

.od-person__details {
    margin: 0 0 14px;
}

.od-person__label {
    line-height: 1.2;
    font-weight: 600;
    color: #F68B1F; /* OrangeQC brand */
    margin-bottom: 2px;
}

.od-person__row {
    display: flex;
    align-items: center;
    gap: 10px;
}

.od-person__avatar {
    width: 45px;
    height: 45px !important;
    border-radius: 50% !important;
    object-fit: cover;
    flex: 0 0 45px;
    background: #f3f4f6;
}

/* Placeholder when no profile image exists */
.od-person__avatar--placeholder {
    display: inline-block;
    width: 45px;
    height: 45px !important;
    border-radius: 50% !important;
    background: #d1d5db;
}

h3.od-person__name {
    font-size: 23px;
    font-weight: 600;
    line-height: 1.2;
    margin: 0 0 15px;
}

/* -------- Full layout (large headshot + bio) -------- */
.od-person--full .od-person__row {
    align-items: center; /* vertical center for full layout */
    gap: 50px;
}

.od-person__avatar--xl {
    width: 220px;
    height: 220px !important;
    border-radius: 50% !important;
    flex: 0 0 220px;
}

.od-person__content {
    display: flex;
    flex-direction: column;
}

.od-person__bio {
    margin-top: 0; /* No extra gap below h3 */
    max-width: 62ch;
}

@media (max-width: 768px) {
    .od-person__avatar--xl {
        width: 160px !important;
        height: 160px !important;
        flex-basis: 160px !important;
    }

    .od-person--full .od-person__row {
        align-items: flex-start;
        gap: 50px;
        flex-direction: column;
        gap: 20px;
    }
}


/* Make resource tiles feel clickable */
.elementor-post.resources {
    cursor: pointer;
}

.elementor-post.resources:hover img {
    opacity: 0.75;
    transition: opacity 0.2s ease-in-out;
}