#research-content {
    border-color: rgb(12, 124, 193);
    z-index: 8;
    container-type: inline-size;
    container-name: research-content;
}
#research-content :has(.section-title) {
    border-color: rgb(12, 124, 193);
    right: calc(14vw - 40px);
    background-color: rgb(12, 124, 193);
}
#research-content .research-publication:not(.active-tab) {
    display: none;  
}
#research-content .research-publication {
    height: 100%;
    display: flex;
    text-align: center;
    flex-direction: column;
    justify-content: space-between;
    padding: 1.5rem 0 1.5rem 1.5rem;
}
#research-content .research-publication p {
    text-indent: 0;
    max-width: calc(100vw - 2.5rem);
    margin-inline: auto;
}

.research-authors{
    margin-bottom: .25rem;
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 1rem;
    row-gap:.5rem;
    flex-wrap: wrap;
}
#research-content .research-publication .research-authors p {
    margin: 0;
    padding: 0 0 .25rem 0;
    width: min-content;
}
.d-flex align-items-center gap-3 justify-content-center

.research-display {
    height: 100%;
    min-height: 280px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
}

#publcations-wrapper {
    display: flex;
    align-items: center;
}

#research-pubication-img {
    min-width: 300px;
    max-height: 150px;
    object-fit: cover;
    border-radius: 10px;
    background-size: cover;
    background-image: url('/images/Action Shots/Conference Room Angled Towards TV 06.11.2025.JPG');
    object-fit: cover;
    min-height: 250px;
}

@container research-content (max-width: 700px) {
    #publcations-wrapper .research-publication.active-tab {
        padding-inline: 0rem;
        flex-direction: column;
        gap: 1rem;
        padding: .5rem 1rem;
    }

    #publcations-wrapper {
        display: flex;
        flex-direction: column;
    }
}