From 71b2140f9228ce92ac1d719a56fb8dccb10149cd Mon Sep 17 00:00:00 2001
From: sii42400 <sii42400@adobe.com>
Date: Thu, 16 Apr 2026 16:38:22 +0200
Subject: [PATCH] =?UTF-8?q?fix(cv):=20scale=20down=20styles=20for=20screen?=
 =?UTF-8?q?s=20=E2=89=A4415px?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Reduce title width/height/font, content fonts, captcha dimensions and
padding to fit narrow mobile viewports without overflow.

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

diff --git a/src/styles/general.scss b/src/styles/general.scss
index 0987852..764879d 100644
--- a/src/styles/general.scss
+++ b/src/styles/general.scss
@@ -519,3 +519,110 @@ body {
         }
     }
 }
+
+@media (max-width: 415px) {
+    .global_segment {
+        padding: 0 6px;
+
+        .title_bar {
+            font-size: 11pt;
+        }
+
+        .language_bar {
+            font-size: 11pt;
+        }
+
+        .segment_general {
+            .segment_image {
+                width: 80px;
+                height: 100px;
+            }
+
+            .segment_content_image {
+                width: 75px;
+                height: 95px;
+                padding: 6px;
+                font-size: 3.5pt;
+            }
+
+            .segment_header_middle {
+                left: 75px;
+                right: 90px;
+            }
+
+            .segment_title_image {
+                margin-left: -8px;
+                height: 26px;
+                font-size: 10pt;
+            }
+
+            .segment_description_general {
+                font-size: 5.5pt;
+                margin: 4px 4px 4px 10px;
+            }
+        }
+
+        .segment_title {
+            width: 130px;
+            font-size: 10pt;
+            height: 28px;
+        }
+
+        .segment_content_work {
+            font-size: 7pt;
+
+            .segment_content_title {
+                font-size: 7.5pt;
+            }
+
+            ul {
+                margin-left: 14px;
+            }
+
+            ul li {
+                padding-top: 4px;
+            }
+
+            ul li::before {
+                margin-left: -4.25em;
+            }
+        }
+
+        .segment_description {
+            font-size: 6.5pt;
+            margin: 4px 0 4px 10px;
+        }
+
+        .captcha-container .captcha-form {
+            width: 85px;
+            height: 105px;
+            font-size: 6pt;
+            padding: 0 5px;
+
+            p {
+                margin-top: 4px;
+                margin-bottom: 4px;
+                font-size: 6pt;
+            }
+
+            a {
+                padding-left: 15px;
+                padding-right: 15px;
+                font-size: 6pt;
+            }
+
+            form {
+                margin-top: 2px;
+            }
+
+            .captcha-input {
+                margin-bottom: 2px;
+            }
+
+            .captcha-input, .captcha-button {
+                padding: 3px;
+                font-size: 5pt;
+            }
+        }
+    }
+}
\ No newline at end of file