.document-box-grid {
max-width: 900px;
margin: 40px auto;
padding: 0 20px;
display: grid;
grid-template-columns: 1fr;
gap: 16px;
font-family: Arial, sans-serif;
}.document-box {
background: #ffffff;
border: 1px solid #e5e5e5;
border-radius: 10px;
padding: 20px 24px;
min-height: 78px;
display: flex;
align-items: center;
justify-content: space-between;
text-decoration: none !important;
color: #222222;
box-shadow: 0 6px 18px rgba(0,0,0,0.05);
transition: all 0.25s ease;
}.document-box:hover {
transform: translateY(-3px);
border-color: #111111;
box-shadow: 0 12px 26px rgba(0,0,0,0.10);
}.document-box-title {
font-size: 17px;
font-weight: 700;
line-height: 1.35;
}.document-box-button {
background: #111111;
color: #ffffff;
padding: 9px 16px;
border-radius: 25px;
font-size: 13px;
font-weight: 600;
white-space: nowrap;
margin-left: 16px;
}@media (max-width: 600px) {
.document-box {
flex-direction: column;
align-items: flex-start;
gap: 14px;
}.document-box-button {
margin-left: 0;
}
}