/* Grid container */
.csp-grid {
    display: grid !important;
    gap: 20px !important;
    margin: 20px 0;
    color: #000000 !important; /* Black text */
}

.nametext{
    color: #000000 !important; /* Black text */
}
/* Columns: controlled by settings */
.csp-grid.columns-3 { grid-template-columns: repeat(3, 1fr) !important; }
.csp-grid.columns-4 { grid-template-columns: repeat(4, 1fr) !important; }
.csp-grid.columns-5 { grid-template-columns: repeat(5, 1fr) !important; }

/* Candidate card */
.csp-card {
    border: 1px solid #ddd !important;
    padding: 15px !important;
    background-color: #ffffff !important; /* White background */
    color: #000000 !important; /* Black text */
    border-radius: 8px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
}

/* Video container */
.csp-video iframe,
.csp-video video {
    width: 100% !important;
    height: 200px !important;
    margin-bottom: 10px !important;
}

/* Button styling */
.csp-select-btn {
    background-color: #0073aa !important;
    color: #fff !important;
    border: none !important;
    padding: 8px 12px !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    margin-top: auto !important;
}

.csp-select-btn:hover {
    background-color: #005177 !important;
}