@media (max-width: 700px) {
    .review-documents {
        padding: 11px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }

    .review-document {
        padding: 7px;
        border-radius: 10px;
    }

    .review-document-head {
        min-height: 30px;
        margin-bottom: 6px;
        display: grid;
        align-content: start;
        gap: 2px;
    }

    .review-document-head strong {
        font-size: .61rem;
        text-align: left;
    }

    .review-document-visual {
        height: 104px;
    }

    .review-document-visual img {
        object-fit: contain;
    }

    .review-document > small {
        margin-top: 5px;
        font-size: .52rem;
    }
}

@media (max-width: 360px) {
    .review-documents {
        grid-template-columns: 1fr;
    }

    .review-document-visual {
        height: 135px;
    }
}