/* K-Means Clustering Demo - Specific Styles */

/* Canvas wrapper takes full width */
.canvas-wrapper {
    position: relative;
    width: 100%;
    height: 600px;
}

/* Dataset buttons section matches full width */
.dataset-buttons-section,
.dataset-info-box {
    width: 100%;
}

/* Dataset buttons in single row */
.dataset-buttons {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 8px;
}

/* Plot buttons arranged in 2 rows */
.plot-buttons {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

/* Custom dataset info styling for k-means */
.dataset-info-title {
    color: #2c3e50;
    font-size: 14px;
}

.dataset-info-description {
    color: #555;
    font-size: 13px;
}

.dataset-info-variables {
    color: #666;
    font-size: 12px;
    font-style: italic;
}

.dataset-section-label {
    font-size: 14px;
    color: #333;
}