.flex-layout.actuality_reference {
}

.flex-layout.actuality_reference .header-row {
    margin-bottom: max(3rem, calc(3 * var(--su)));
    row-gap: 1.5rem;
}

.flex-layout.actuality_reference .buttons-col .cbw-tabs-wrapper {
    margin-left: auto;
}

.flex-layout.actuality_reference .image-col img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 1;
    border-radius: var(--border-radius-large);
}

.flex-layout.actuality_reference .posts-col {
    display: flex;
    flex-direction: column;
}

.flex-layout.actuality_reference .actuality-list {
    display: flex;
    flex-direction: column;
    gap: max(1rem, calc(1 * var(--su)));
    flex: 1;
}

.flex-layout.actuality_reference .actuality-list .actuality-article {
    flex: 1;
}

.flex-layout.actuality_reference .actuality-list .actuality-article .actuality-block {
    height: 100%;
}

@media screen and (max-width: 992px) {

    .flex-layout.actuality_reference .buttons-col .cbw-tabs-wrapper {
        margin-left: unset;
    }
    

    .flex-layout.actuality_reference .image-col img {
        aspect-ratio: 345 / 275;
        border-radius: var(--border-radius-medium);
    }

}

@media screen and (max-width: 767px) {

   

}