.mui-news__grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:30px;

}

.mui-news__image{

    overflow:hidden;

}

.mui-news__image img{

    width:100%;

    height:240px;

    object-fit:cover;

    transition:.4s;

}
.mui-news__item:hover .mui-news__image img{

    transform:scale(1.05);

}
.mui-news__content{

    padding:25px;

}
.mui-news__category{

    color:var(--mui-primary);

    font-size:.85rem;

    font-weight:600;

    margin-bottom:10px;

}
.mui-news__title{

    font-size:1.25rem;

    line-height:1.6;

    margin-bottom:15px;

}
.mui-news__title{

    display:-webkit-box;

    -webkit-line-clamp:3;

    -webkit-box-orient:vertical;

    overflow:hidden;

}
.mui-news__summary{

    color:#666;

    line-height:1.9;

    margin-bottom:25px;

}
.mui-news__summary{

    display:-webkit-box;

    -webkit-line-clamp:3;

    -webkit-box-orient:vertical;

    overflow:hidden;

}
.mui-news__footer{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-top:auto;

}
.mui-news__date{

    color:#999;

    font-size:.9rem;

}
.mui-news__link a{

    color:var(--mui-primary);

    font-weight:600;

    text-decoration:none;

}

.mui-news__link a:hover{

    text-decoration:underline;

}
@media (max-width:991px){

    .mui-news__grid{

        grid-template-columns:repeat(2,1fr);

    }

}

@media (max-width:767px){

    .mui-news__grid{

        grid-template-columns:1fr;

    }

}
.mui-news-list{

display:grid;

 grid-template-columns: repeat(3, minmax(0, 1fr));

gap:24px;

}
.mui-news-archive {
    padding: 40px 0;
}

.mui-news-archive__header {
    margin-bottom: 30px;
}

.mui-news-archive__title {
    margin: 0;
    font-size: 2rem;
    font-weight: 700;
}

.mui-news-archive__list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
}

@media (max-width: 991px) {
    .mui-news-archive__list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 576px) {
    .mui-news-archive__list {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 991px) {
    .mui-news-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 576px) {
    .mui-news-list {
        grid-template-columns: 1fr;
    }
}