.cf-progress-bar { width:100%; background:#eee; height:8px; border-radius:4px; margin-bottom:16px; }
.cf-progress { height:8px; background:#0073aa; border-radius:4px; }
.cf-nav, .cf-nav ul { list-style:none; padding:0; }
.cf-card { border:1px solid #ddd; padding:10px; border-radius:4px; }
.cf-card h4 { margin:10px 0; }
.cf-icon { width:16px; vertical-align:middle; margin-right:4px; }
.cf-lessons-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-bottom:24px; }
@media(max-width:768px){ .cf-lessons-grid { grid-template-columns:1fr; } }