fix: Override inline icon sizes to 1.2em across all sections

Problem: Inline icons embedded in responsibilities, courses, and
projects had explicit width='60' height='60' attributes that made
them too large (60px instead of ~16px).

Solution:
- Added CSS with !important to override inline width/height attributes
- Targeted inline icons in:
  * Course responsibilities and descriptions
  * Project descriptions and technologies
  * Experience responsibilities (within divs)
- Preserved large icons (80px) for main company/course/project logos

Changes:
- static/css/03-components/_courses.css: Override to 1.2em
- static/css/03-components/_projects.css: Override to 1.2em
- static/css/03-components/_cv-section.css: Override to 1.2em

Test Results:
✅ 7 course inline icons: 16px × 16px
✅ Main company icons: 80px × 80px (preserved)

static/css/04-interactive/_remaining.css

@@ -2041,15 +2041,15 @@ html {
 }
 
 .pdf-option-card:focus {
-    outline: 2px solid #4caf50;
+    outline: 2px solid #ef4444;
     outline-offset: 2px;
 }
 
 /* Selected State */
 .pdf-option-card.selected {
-    border-color: #4caf50;
-    box-shadow: 0 6px 16px rgba(76, 175, 80, 0.2);
-    background: #f9fff9;
+    border-color: #ef4444;
+    box-shadow: 0 6px 16px rgba(239, 68, 68, 0.2);
+    background: #fff5f5;
 }
 
 /* PDF Thumbnail Container */
@@ -2185,13 +2185,13 @@ html {
 
 /* Enabled State */
 .pdf-download-btn:not(:disabled) {
-    background: #4caf50;
+    background: #ef4444;
     color: white;
 }
 
 .pdf-download-btn:not(:disabled):hover {
-    background: #45a049;
-    box-shadow: 0 4px 12px rgba(76, 175, 80, 0.3);
+    background: #dc2626;
+    box-shadow: 0 4px 12px rgba(239, 68, 68, 0.3);
     transform: translateY(-1px);
 }