From d302eac51947e34d0f577a14ad7509b64f832efa Mon Sep 17 00:00:00 2001
From: sii42400 <sii42400@adobe.com>
Date: Fri, 17 Apr 2026 13:36:42 +0200
Subject: [PATCH] fix(cv): add missing sidebar styles and center main content

Duplicate segment_title, description and subitem styles into sidebar
scope so they render correctly outside main_content. Center main_content
with margin auto and use padding-left on page_layout for sidebar offset.
Fix contact info link colors and accent text for light theme.

Made-with: Cursor
---
 src/styles/general.scss | 32 ++++++++++++++++++++++++++++----
 1 file changed, 28 insertions(+), 4 deletions(-)

diff --git a/src/styles/general.scss b/src/styles/general.scss
index af3bfb2..7263855 100644
--- a/src/styles/general.scss
+++ b/src/styles/general.scss
@@ -61,6 +61,7 @@ body {
     display: flex;
     flex-direction: row;
     min-height: 100vh;
+    padding-left: 280px;
 }
 
 .sidebar {
@@ -151,6 +152,14 @@ body {
             float: none;
             margin-left: 0;
             width: 100%;
+            padding-top: 12px;
+            height: 45px;
+            color: var(--on-accent-color);
+            font-family: $title_font_family;
+            font-size: $title_font_size;
+            text-align: center;
+            background-color: var(--div-bg-color);
+            box-sizing: border-box;
         }
 
         .segment_description_general {
@@ -161,6 +170,10 @@ body {
             margin: 10px 0 0 0;
             padding: 0;
             font-size: 8.5pt;
+            font-family: $regular_font_family;
+            font-style: italic;
+            color: var(--text-color);
+            opacity: 0.75;
             text-align: justify;
         }
     }
@@ -198,16 +211,26 @@ body {
         font-family: $regular_font_family;
         font-weight: bold;
         background-color: var(--div-bg-color);
-        color: var(--text-color);
+        color: var(--on-accent-color);
 
         .segment_image_item {
             margin-top: 5px;
         }
+
+        .subitem {
+            margin-left: 5px;
+        }
+
+        a:link, a:visited, a:hover, a:active {
+            color: var(--on-accent-color);
+            opacity: 0.8;
+        }
     }
 }
 
 .main_content {
-    margin-left: 280px;
+    margin-left: auto;
+    margin-right: auto;
     max-width: 21cm;
     width: 100%;
     padding: 0 15px;
@@ -267,7 +290,7 @@ body {
             padding: 15px;
             width: 180px;
             height:220px;
-            color: var(--text-color);
+            color: var(--on-accent-color);
             font-size: $regular_image_font_size;
             font-family: $regular_font_family;
             font-weight: bold;
@@ -413,7 +436,7 @@ body {
 
 
     .subitem {
-        margin-left: 15px;
+        margin-left: 5px;
     }
 }
 
@@ -503,6 +526,7 @@ body {
 @media (max-width: 768px) {
     .page_layout {
         flex-direction: column;
+        padding-left: 0;
     }
 
     .sidebar {