.staff-img {
            width: 100%;
            height: 465px; 
            object-fit: cover;
            object-position: center;
            display: block;
        }
        .staff-card {
            overflow: hidden;
        }

            .image-wrapper {
            height: 250px;
            overflow: hidden;
            position: relative;
        }

        .image-wrapper img {
            width: 100%;
            height: 100%;
           
        }

            .article-footer {
        height: 180px; 
        display: flex;
        flex-direction: row;
        justify-content: start;
        align-items: stretch;
        overflow: hidden;
        }

        .article-content {
            flex: 1;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            padding: 1rem;
        }

        .truncated-title {
            display: -webkit-box;
            -webkit-line-clamp: 2; 
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
            min-height: 3.5em; 
        }
            /* Container slider personnalisé */
        .ref-scroll-container {
        display: flex;
        overflow-x: hidden; 
        gap: 1rem;
        padding: 1rem 0;
        scroll-behavior: auto;  
        -ms-overflow-style: none;
        scrollbar-width: none;
        }


        .ref-scroll-container::-webkit-scrollbar {
        display: none;
        }
        .ref-scroll-container {
        -ms-overflow-style: none;
        scrollbar-width: none;
        }

        /* Items du slider */
        .ref-item {
            flex: 0 0 auto;
            width: auto;
            height: 160px;
            border-radius: 8px;
            box-sizing: border-box;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .ref-item img {
            max-height: 120px;
            width: auto;
            height: auto;
            object-fit: contain;
            display: block;
        }

        @media (max-width: 768px) {
            .ref-item {
            height: 120px;
            }
            .ref-item img {
            max-height: 90px;
            }
        }

        .read-more {
            color: #B50717;
            font-weight: bold;
            margin-left: 4px;
            text-decoration: underline;
            cursor: pointer;
        }

        .read-more:hover {
            color: #8c0512;
        }