.sdc-calculator {
    font-family: sans-serif;
    margin: 20px 0;
}

.sdc-checkboxes {
    margin-bottom: 20px;
}

.sdc-checkboxes label {
    margin-right: 15px;
    font-weight: bold;
    white-space: nowrap; /* Prevent wrapping for labels */
    display: inline-block; /* Helps with spacing consistency */
    cursor: pointer; /* Indicate clickable */
}

.sdc-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
}

.sdc-table th,
.sdc-table td {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: left;
    vertical-align: top; /* Align content to top */
}

.sdc-table th {
    background-color: #f2f2f2;
}

/* Hidden columns for mixtures not selected */
.sdc-col-hidden {
    display: none;
}

/* Background colors for highlighting, applied directly to td by JS */
.sdc-lowest-cost-cell {
    background-color: #d4edda; /* Light green */
}

.sdc-highest-cost-cell {
    background-color: #f8d7da; /* Light red */
}