/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
.css-default-table {
    width: 100%;
    border-collapse: collapse; /* Combine borders for a cleaner look */
    margin: 20px 0; /* Add some margin for spacing */
    font-family: Arial, sans-serif; /* Use a clean, sans-serif font */
    font-size: 14px; /* Set a comfortable font size */
}

.css-default-table th, 
.css-default-table td {
    padding: 10px; /* Add padding for readability */
    text-align: left; /* Align text to the left */
    border: 1px solid #ddd; /* Add a light border */
}

.css-default-table th {
    background-color: #f4f4f4; /* Light background for headers */
    font-weight: bold; /* Bold font for headers */
}

.css-default-table tr:nth-child(even) {
    background-color: #f9f9f9; /* Alternate row colors for readability */
}

.css-default-table tr:hover {
    background-color: #f1f1f1; /* Highlight row on hover */
}