.course-table {
    width: 100%;
    border-collapse: collapse;
    font-family: Georgia, serif;
}

.course-table caption {
    margin-bottom: 1rem;
    font-size: 1.2rem;
    font-weight: bold;
    text-align: left;
}

.course-table th,
.course-table td {
    border: 1px solid #666;
    padding: 0.75rem;
    text-align: left;
    vertical-align: top;
}

.course-table thead th {
    background: #f2f2f2;
}

.course-table tbody th {
    white-space: nowrap;
    font-weight: bold;
    background: #fafafa;
}

@media (max-width: 768px) {
    .course-table {
        display: block;
        overflow-x: auto;
    }
}