.wcfs-literature-content {
    --card-color1: 61, 52, 139;
    --card-color2: 118, 120, 237;
    --card-color3: 247, 184, 1;
    --card-color4: 241, 135, 1;
    --card-color5: 243, 91, 4;
    --card-color6: 0, 165, 207;
    --card-color7: 159, 255, 203;
    --card-color8: 37, 161, 142;
    --card-color9: 122, 229, 130;
    --card-color10: 112, 214, 255;  
    
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
    margin-top: 40px;
}

.wcfs-literature-item {
    background: white;
    border-radius: var(--wcfs-rounded);
    display: grid;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.wcfs-literature-item-card {
    display: grid;
    gap: 20px;
    width: 100%;
    height: 424px;
    padding: 40px;
    border-radius: 20px 20px 0 0;
    background: #eff6ff;
    box-sizing: border-box;

    .file-icon {
        color: #eff6ff;
    }   
}

.wcfs-literature-item:nth-child(10n + 1) {
    .wcfs-literature-item-card {
        background: rgba(var(--card-color1), .3);
    }

    .file-icon {
        color: rgb(var(--card-color1));
    }

    .download-btn {
        background: rgb(var(--card-color1));
    } 
}

.wcfs-literature-item:nth-child(10n + 2) {
    .wcfs-literature-item-card {
        background: rgba(var(--card-color2), .3);
    }

    .file-icon {
        color: rgb(var(--card-color2));
    }

    .download-btn {
        background: rgb(var(--card-color2));
    } 
}

.wcfs-literature-item:nth-child(10n + 3) {
    .wcfs-literature-item-card {
        background: rgba(var(--card-color3), .3);
    }

    .file-icon {
        color: rgb(var(--card-color3));
    }

    .download-btn {
        background: rgb(var(--card-color3));
    } 
}

.wcfs-literature-item:nth-child(10n + 4) {
    .wcfs-literature-item-card {
        background: rgba(var(--card-color4), .3);
    }

    .file-icon {
        color: rgb(var(--card-color4));
    }

    .download-btn {
        background: rgb(var(--card-color4));
    } 
}

.wcfs-literature-item:nth-child(10n + 5) {
    .wcfs-literature-item-card {
        background: rgba(var(--card-color5), .3);
    }

    .file-icon {
        color: rgb(var(--card-color5));
    }

    .download-btn {
        background: rgb(var(--card-color5));
    } 
}

.wcfs-literature-item:nth-child(10n + 6) {
    .wcfs-literature-item-card {
        background: rgba(var(--card-color6), .3);
    }

    .file-icon {
        color: rgb(var(--card-color6));
    }

    .download-btn {
        background: rgb(var(--card-color6));
    } 
}

.wcfs-literature-item:nth-child(10n + 7) {
    .wcfs-literature-item-card {
        background: rgba(var(--card-color7), .3);
    }

    .file-icon {
        color: rgb(var(--card-color7));
    }

    .download-btn {
        background: rgb(var(--card-color7));
    } 
}

.wcfs-literature-item:nth-child(10n + 8) {
    .wcfs-literature-item-card {
        background: rgba(var(--card-color8), .3);
    }

    .file-icon {
        color: rgb(var(--card-color8));
    }

    .download-btn {
        background: rgb(var(--card-color8));
    } 
}

.wcfs-literature-item:nth-child(10n + 9) {
    .wcfs-literature-item-card {
        background: rgba(var(--card-color9), .3);
    }

    .file-icon {
        color: rgb(var(--card-color9));
    }

    .download-btn {
        background: rgb(var(--card-color9));
    } 
}

.wcfs-literature-item:nth-child(10n + 10) {
    .wcfs-literature-item-card {
        background: rgba(var(--card-color10, .3));
    }

    .file-icon {
        color: rgb(var(--card-color10));
    }

    .download-btn {
        background: rgb(var(--card-color10));
    } 
}

.wcfs-literature-item-card-inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 4px;
    background: white;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.wcfs-literature-item .pdf-title {
    font-size: 0.875rem;
    font-weight: 400;
    text-align: center;
    color: var(--wcfs-primary-color);
    margin: 0;
}

.wcfs-literature-item .file-size {
    color: #666;
    font-size: 0.875rem !important;
}

.wcfs-literature-item .description {
    color: #666;
    font-size: 1rem;
    line-height: 1.5;
}

.wcfs-literature-item a {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: white !important;
    text-decoration: none;
    padding: 12px 24px;
    border-radius: 0 0 20px 20px;
    font-weight: 500;
    transition: background-color 0.3s ease;
}

.wcfs-literature-item a:hover {
    background: color-mix(in srgb, var(--wcfs-primary-color) 85%, black);
}

.wcfs-literature-item a .file-icon {
    font-size: 1rem;
}

.wcfs-literature-items-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: contents;
}