.documents-section {
	display: flex;
	flex-direction: column;
	width: 100%;
	min-width: 0;
	gap: 1rem;
}

.documents-section .documents-section__head {
	gap: 1rem;
}

.documents-section .documents-section__title {
	margin: 0;
	color: var(--color-blue-blue-800);
}

.documents-section .documents-section__lead {
	max-width: 68.125rem;
	color: var(--color-gray-gray-700);
}

.documents-section .documents-section__grid {
	flex-wrap: wrap;
	gap: 0.5rem;
}

.documents-section .documents-section__grid .document-card {
	width: 100%;
	flex: 0 0 100%;
}

@media screen and (min-width: 64rem) {
	.documents-section {
		gap: 2rem;
	}

	.documents-section .documents-section__head {
		gap: 2rem;
	}

	.documents-section .documents-section__grid {
		gap: 1.25rem;
	}

	.documents-section .documents-section__grid .document-card {
		flex: 0 1 var(--layout-col-3);
		width: var(--layout-col-3);
		max-width: var(--layout-col-3);
	}
}