feat: add long/short format support for Courses matching Experience layout

static/css/main.css

@@ -840,17 +840,38 @@ iconify-icon {
     flex: 1;
 }
 
-.course-item strong {
-    font-size: 0.95em;
-    color: var(--text-dark);
-    line-height: 1.3;
+.course-header {
+    margin-bottom: 0.5rem;
 }
 
-.course-item small {
-    display: block;
-    font-size: 0.85em;
-    color: var(--text-gray);
-    margin-top: 0.2rem;
+.course-title {
+    font-size: 1em;
+    font-weight: 600;
+    margin: 0 0 0.3rem 0;
+    line-height: 1.4;
+    color: var(--text-dark);
+}
+
+.course-title-text {
+    display: inline;
+}
+
+.course-institution {
+    display: inline;
+    margin-left: 0.5em;
+    font-weight: normal;
+}
+
+.course-period,
+.course-separator,
+.course-location,
+.course-duration {
+    color: #555;
+    font-size: 0.9em;
+}
+
+.course-separator {
+    color: #999;
 }
 
 .course-desc {