.mui-section{
    padding: 5rem 0;
}

.mui-section__header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:2rem;
    gap:1rem;
    flex-wrap:wrap;
}

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

.mui-section__subtitle{
    color:#666;
    margin-top:.5rem;
}

.mui-section__archive a{
    text-decoration:none;
    font-weight:600;
}

.mui-section__archive a:hover{
    text-decoration:underline;
}

.mui-section--light{
    background:#fff;
}

.mui-section--gray{
    background:#f8f9fa;
}

.mui-section--blue{
    background:#eef6ff;
}