body {
    font-family: Arial, sans-serif;
    margin: 20px;
}

h1 {
    text-align: center;
}

#date-form {
    margin-bottom: 20px;
    text-align: center;
}

#result-container {
    margin-top: 20px;
}

#schedule-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed; /* Fix table layout */
}

#schedule-table th, #schedule-table td {
    border: 1px solid #ddd;
    padding: 8px;
    word-wrap: break-word; /* Wrap long text */
}

#schedule-table th {
    background-color: #f2f2f2;
    text-align: left;
}

/* Set a fixed width for the first column (Member names) */
#schedule-table th:first-child,
#schedule-table td:first-child {
    width: 150px;
}