/* ============================================================
   DOCUMENTS PAGE STYLES
   ============================================================ */

.documents-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 1.5rem;
}

.document-card {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.document-card .btn {
    margin-top: auto;
}

.document-card--soon {
    background: #f8fafc;
    border-style: dashed;
}

.document-card__soon-badge {
    display: inline-block;
    margin-top: auto;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #94a3b8;
    background: #f1f5f9;
    border-radius: 999px;
    padding: 0.35rem 0.9rem;
}

.document-card__link {
    display: inline-block;
    margin-top: 0.6rem;
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--color-royal-700, #1d4ed8);
}

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