refactor: update experience section format to match original React design

- Reorder elements: position first, then company (not reversed)
- Display period, separator, and location inline on same line
- Update CSS to match original styling:
  - Inline display for all date/location elements
  - Gray color (#aaa) for period, separator, location
  - Font-weight 500 (not 600) for consistency
  - Remove flex layout in favor of inline elements

This matches the exact format and styling of the original React CV.

static/css/main.css

@@ -367,24 +367,33 @@ a:hover {
 }
 
 .experience-title-line {
-    display: flex;
-    justify-content: space-between;
-    align-items: baseline;
-    gap: 1rem;
-    flex-wrap: wrap;
+    margin-bottom: 0.3em;
 }
 
 .position {
     font-size: 1rem;
-    font-weight: 600;
+    font-weight: 500;
     margin: 0;
     color: var(--text-dark);
+    margin-bottom: 4px;
 }
 
-.experience-period {
-    color: var(--text-gray);
-    font-size: 0.85rem;
-    font-style: italic;
+.position .position-title {
+    display: inline-block;
+    margin-right: 0.3em;
+}
+
+.position .company-name {
+    display: inline-block;
+}
+
+.experience-period,
+.experience-separator,
+.experience-location {
+    color: #aaa;
+    font-weight: 500;
+    display: inline-block;
+    font-size: 0.9rem;
 }
 
 .short-desc {