.page-documents__container {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
}


.page-documents__categore-single {
    display: flex;
    flex-direction: row;
    gap: 16px;
    padding: 16px;
    border-radius: 4px;
    background: #f6f6f6;
}

.page-documents__categore-first {
    grid-column: 1/-1;
    display: flex;
    flex-direction: row;
    gap: 16px;
    padding: 16px;
    border-radius: 4px;
    background: #f6f6f6;
    width: fit-content;
}

.page-documents__categore-title {
    color: #282828!important;
    font-size: 1.36rem;
    font-weight: 500;
    line-height: 1.3;
}

.page-documents__categore-description {
    color: #737373;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.3;
    margin-top: 8px;
}

.page-documents__categore-group {
    display: contents;
}

.documents-page {
    grid-column: 1 / -1;
}

.documents-list__items-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}



.documents-list__item {
    width: 100%;
    background: #f6f6f6;
    border-radius: 4px;
    padding: 16px 24px;
    display: flex;
    gap: 16px;
}

.documents-list__year {
    grid-column: 1/-1;
    color: rgba(18, 65, 106, 1);
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
}

.external-documents {
    display: flex;
    flex-direction: row-reverse;
    margin-bottom: 24px;
}



@media screen and (width >= 800px) {

    .page-documents__categore-group {
        display: flex;
        flex-direction: row;
        gap: 24px;
        border-radius: 4px;
    }

    .page-documents__categore-single,
    .page-documents__categore-first {
        gap: 24px;
        padding: 24px;
    }
    
    .documents-list__items-list {
        gap: 24px;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .page-documents__container {
        grid-template-columns: repeat(2, 1fr);
        gap: 24px;

    }
}

@media screen and (width >= 1280px) {
    .documents-list__items-list {
        gap: 24px;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }

}