diff --git a/internal/models/cv.go b/internal/models/cv.go
index 52d33d9..379cd14 100644
--- a/internal/models/cv.go
+++ b/internal/models/cv.go
@@ -126,12 +126,14 @@ type Certification struct {
 }
 
 type Course struct {
-	Title       string `json:"title"`
-	Institution string `json:"institution"`
-	Location    string `json:"location"`
-	Date        string `json:"date"`
-	Duration    string `json:"duration"`
-	Description string `json:"description"`
+	Title            string   `json:"title"`
+	Institution      string   `json:"institution"`
+	Location         string   `json:"location"`
+	Date             string   `json:"date"`
+	Duration         string   `json:"duration"`
+	Description      string   `json:"description"`
+	ShortDescription string   `json:"shortDescription,omitempty"`
+	Responsibilities []string `json:"responsibilities,omitempty"`
 }
 
 type Reference struct {
diff --git a/static/css/main.css b/static/css/main.css
index b5b5f15..b0bd74d 100644
--- a/static/css/main.css
+++ b/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 {
diff --git a/templates/cv-content.html b/templates/cv-content.html
index 9bcd832..c415df8 100644
--- a/templates/cv-content.html
+++ b/templates/cv-content.html
@@ -190,10 +190,31 @@
                         <iconify-icon icon="mdi:school" width="60" height="60" class="default-course-icon"></iconify-icon>
                     </div>
                     <div class="course-content">
-                        <strong>{{.Title}}</strong><br>
-                        <small>{{.Institution}} - {{.Location}}</small><br>
-                        <small>{{.Date}} ({{.Duration}})</small>
-                        {{if .Description}}<p class="course-desc">{{.Description}}</p>{{end}}
+                        <div class="course-header">
+                            <h4 class="course-title">
+                                <span class="course-title-text">{{.Title}}</span>
+                                <span class="course-institution">{{.Institution}}</span>
+                            </h4>
+                            <span class="course-period">{{.Date}}</span>
+                            {{if .Duration}}
+                            <span class="course-separator">&nbsp;-&nbsp;</span>
+                            <span class="course-duration">{{.Duration}}</span>
+                            {{end}}
+                            <span class="course-separator">&nbsp;-&nbsp;</span>
+                            <span class="course-location">({{.Location}})</span>
+                        </div>
+
+                        {{if .ShortDescription}}
+                        <p class="course-desc short-desc">{{.ShortDescription}}</p>
+                        {{end}}
+
+                        {{if .Responsibilities}}
+                        <ul class="responsibilities long-only">
+                            {{range .Responsibilities}}
+                            <li>{{.}}</li>
+                            {{end}}
+                        </ul>
+                        {{end}}
                     </div>
                 </div>
                 {{end}}