.course-options { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 1rem; margin: 1.25rem 0; }
.course-options .course-option { min-width: 0; display: flex; flex-direction: column; padding: 1rem; border: 1px solid var(--color-muted-2); border-radius: 12px; background: var(--color-surface-2); }
.course-options .course-option h3 { margin: 0 0 .8rem; font-size: 1.2rem; line-height: 1.4; }
.course-options .course-option p { margin: 0 0 1rem; }
.course-options .course-option .btn { margin-top: auto; width: 100%; white-space: normal; text-align: center; }
@media (max-width: 340px) { .course-options { grid-template-columns: 1fr; } }