From dc7e60cdd56aa8e89dda0e4af67289c6cb670a67 Mon Sep 17 00:00:00 2001
From: alireza <alirezaameria2@gmail.com>
Date: Tue, 25 Aug 2026 16:13:25 +0330
Subject: [PATCH] style: clean up Technogen card typography, remove dense
 subtitle blocks and harmonize heights

---
 frontend/src/data/technogen.ts                | 12 +++---
 .../pages/Home/sections/TechnogenSection.tsx  | 37 ++++++-------------
 2 files changed, 18 insertions(+), 31 deletions(-)

diff --git a/frontend/src/data/technogen.ts b/frontend/src/data/technogen.ts
index 969663c..ced23f9 100644
--- a/frontend/src/data/technogen.ts
+++ b/frontend/src/data/technogen.ts
@@ -67,8 +67,8 @@ export const FALLBACK_TECHNOGEN_REPORTS: TechnogenReport[] = [
     code: 'TGN-AN-02',
     tagFa: 'یادداشت تحلیلی',
     tagEn: 'Analytical Note',
-    titleFa: 'رشد بدون توسعه؛ چرا صنعتی‌شدن بدون فناورشدن به سقف می‌خورد؟',
-    titleEn: 'Growth Without Development: Why Industrialization Without Technology Hits a Ceiling',
+    titleFa: 'رشد بدون توسعه؛ چرا صنعتی‌شدن به سقف می‌خورد؟',
+    titleEn: 'Growth Without Development: Why Industrialization Hits a Ceiling',
     subtitleFa: 'بهره‌وری سقف دارد؛ فناوری ندارد. چرا انباشت قابلیت فناورانه، شرط عبور از سقف رشد صنعتی است.',
     subtitleEn: 'Productivity has a ceiling; technology does not. Why technological capability accumulation is essential for surpassing industrial growth limits.',
     descriptionFa: 'بررسی منحنی‌های مرز کارایی و تحلیل تفاوت بنیادی میان بهینه‌سازی عملیاتی موجود و جابه‌جایی مرز فناوری از طریق خلق دانش فنی.',
@@ -87,10 +87,10 @@ export const FALLBACK_TECHNOGEN_REPORTS: TechnogenReport[] = [
     code: 'TGN-AN-03',
     tagFa: 'یادداشت تحلیلی',
     tagEn: 'Analytical Note',
-    titleFa: 'توسعه‌گر فناوری یا مصرف‌کنندهٔ دائمی؟ انتخابی که بنگاه‌های بزرگ باید امروز بکنند',
-    titleEn: 'Technology Developer or Perpetual Consumer? The Critical Choice for Large Enterprises Today',
-    subtitleFa: 'درس‌های جهش و میان‌بر فناورانه از بنگاه‌های بزرگ کشورهای در حال توسعه؛ از پوسکو و امبرائر تا سیمکس و بائواستیل',
-    subtitleEn: 'Technological leapfrogging lessons from large emerging-market enterprises: from POSCO and Embraer to CEMEX and Baosteel.',
+    titleFa: 'توسعه‌گر فناوری یا مصرف‌کنندهٔ دائمی؟',
+    titleEn: 'Technology Developer or Perpetual Consumer?',
+    subtitleFa: 'انتخابی که بنگاه‌های بزرگ باید امروز بکنند؛ درس‌های جهش فناورانه',
+    subtitleEn: 'The critical choice large enterprises must make today: lessons in technological leapfrogging.',
     descriptionFa: 'تفاوت در مقصد سرمایه‌گذاری: یکی برای «داشتن» فناوری خرج می‌کند و دیگری برای «توانستن» — یعنی جذب، تغییر، طراحی و بازآفرینی فناوری.',
     descriptionEn: 'The difference in investment purpose: spending to acquire technology versus spending to build the capability to absorb, modify, design, and recreate it.',
     dateFa: 'مرداد ۱۴۰۵',
diff --git a/frontend/src/pages/Home/sections/TechnogenSection.tsx b/frontend/src/pages/Home/sections/TechnogenSection.tsx
index 19d3351..e37cfd9 100644
--- a/frontend/src/pages/Home/sections/TechnogenSection.tsx
+++ b/frontend/src/pages/Home/sections/TechnogenSection.tsx
@@ -89,7 +89,7 @@ export default function TechnogenSection() {
         }
         .technogen-card-glow:hover {
           animation: none;
-          border-color: rgba(205, 158, 83, 0.9) !important;
+          border-color: rgba(205, 158, 83, 0.95) !important;
           box-shadow: 0 20px 42px -10px rgba(0, 0, 0, 0.75), 0 0 32px 5px rgba(205, 158, 83, 0.55) !important;
           transform: translateY(-6px) scale(1.015);
         }
@@ -216,7 +216,7 @@ export default function TechnogenSection() {
           )}
         </div>
 
-        {/* ── 5-Card Row / Slider Strip (No Labels, Breathing Border Animation) ── */}
+        {/* ── 5-Card Row / Slider Strip (Clean Typography, Breathing Border Glow) ── */}
         <AnimatePresence mode="wait" custom={direction}>
           <motion.div
             key={page}
@@ -253,7 +253,7 @@ export default function TechnogenSection() {
                     animationDelay: `${idx * 0.7}s`,
                   }}
                 >
-                  {/* Top Cover Image (Clean, No Labels) */}
+                  {/* Top Cover Image */}
                   <div
                     onClick={() => openPreview(report)}
                     style={{
@@ -282,7 +282,7 @@ export default function TechnogenSection() {
                   {/* Card Content Body */}
                   <div
                     style={{
-                      padding: '14px 16px 12px',
+                      padding: '16px 18px 14px',
                       display: 'flex',
                       flexDirection: 'column',
                       flexGrow: 1,
@@ -292,34 +292,21 @@ export default function TechnogenSection() {
                     <h3
                       onClick={() => openPreview(report)}
                       style={{
-                        fontSize: 14,
+                        fontSize: 15,
                         fontWeight: 900,
                         color: '#FFFFFF',
-                        lineHeight: 1.45,
-                        margin: '0 0 8px',
+                        lineHeight: 1.5,
+                        margin: 0,
                         cursor: 'pointer',
+                        minHeight: 48,
+                        display: 'flex',
+                        alignItems: 'center',
                       }}
+                      title={isFa ? report.titleFa : (report.titleEn || report.titleFa)}
                     >
                       {isFa ? report.titleFa : (report.titleEn || report.titleFa)}
                     </h3>
 
-                    {report.subtitleFa && (
-                      <p
-                        style={{
-                          fontSize: 11,
-                          lineHeight: 1.55,
-                          color: 'rgba(255,255,255,0.65)',
-                          margin: '0 0 12px',
-                          display: '-webkit-box',
-                          WebkitLineClamp: 2,
-                          WebkitBoxOrient: 'vertical',
-                          overflow: 'hidden',
-                        }}
-                      >
-                        {isFa ? report.subtitleFa : (report.subtitleEn || report.subtitleFa)}
-                      </p>
-                    )}
-
                     {/* Bottom Action Buttons */}
                     <div
                       style={{
@@ -328,7 +315,7 @@ export default function TechnogenSection() {
                         alignItems: 'center',
                         justifyContent: 'space-between',
                         gap: 8,
-                        paddingTop: 10,
+                        paddingTop: 14,
                         borderTop: '1px solid rgba(255,255,255,0.08)',
                       }}
                     >