.cf-my-courses-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
@media(max-width:768px){ .cf-my-courses-grid{grid-template-columns:1fr;} }
.cf-course-card { border:1px solid #ddd; border-radius:4px; overflow:hidden; text-align:left; padding:10px; }
.cf-course-card h4 { margin:10px 0; text-align:left; }
.cf-adv-toggle { padding:8px 12px; border-radius:4px; text-decoration:none; float:right; margin-bottom:16px; }
.cf-adv-toggle.completed { background-color:green; color:white; }
.cf-adv-toggle.not-completed { background-color:red; color:white; }
.cf-progress-text { font-weight: bold; }