apply same styling to YouTube legend as course items

Author: nipunbatra

teaching.qmd

@@ -2,7 +2,7 @@
 title: Teaching
 ---
 
-<div style="margin-bottom: 1rem; padding: 0.75rem; background-color: #f8f9fa; border-left: 4px solid #007bff; border-radius: 0.25rem;">
+<div style="margin-bottom: 1rem; padding: 0.75rem; background: linear-gradient(135deg, #fff3cd 0%, #ffeaa7 100%); border-left: 4px solid #ff6b6b; border-radius: 0.25rem; box-shadow: 0 2px 4px rgba(255, 107, 107, 0.1);">
 <strong>🎥 YouTube Recordings Available</strong> - Courses marked with this icon have video lectures available on YouTube
 </div>