/* ===== Topic Palette: Saudi Arabia / Gov ===== */
.saudi-cv-page {
–viz-primary: #1d9c73;
–viz-accent: #c9a227;
–viz-dark: #0d3b66;
–viz-primary-rgb: 29, 156, 115;
–viz-accent-rgb: 201, 162, 39;
–viz-primary-light: rgba(29, 156, 115, 0.1);
–viz-accent-light: rgba(201, 162, 39, 0.1);
}

/* ===== Component: Horizontal Process Flow ===== */
.viz-flow {
display: flex;
align-items: flex-start;
justify-content: center;
gap: 0;
margin: 2.5rem 0;
padding: 2rem 1rem;
direction: ltr;
}
@media (max-width: 768px) {
.viz-flow { flex-direction: column; align-items: center; }
}
.viz-flow__step {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
flex: 1;
max-width: 180px;
position: relative;
}
.viz-flow__circle {
width: 64px;
height: 64px;
border-radius: 50%;
background: linear-gradient(135deg, var(–viz-primary), var(–viz-accent));
color: white;
font-size: 1.5rem;
font-weight: 800;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 4px 14px rgba(var(–viz-primary-rgb), 0.3);
position: relative;
z-index: 2;
}
.viz-flow__title {
font-weight: 700;
color: var(–viz-dark);
margin-top: 1rem;
font-size: 0.9rem;
}
.viz-flow__desc {
color: #64748b;
font-size: 0.8rem;
line-height: 1.5;
margin-top: 0.5rem;
}
.viz-flow__connector {
flex: 0 0 50px;
display: flex;
align-items: center;
justify-content: center;
padding-top: 20px;
}
@media (max-width: 768px) {
.viz-flow__connector { transform: rotate(90deg); flex: 0 0 40px; padding-top: 0; }
}
.viz-flow__connector svg { width: 50px; height: 20px; }

/* ===== Component: Decision Tree ===== */
.viz-tree {
text-align: center;
margin: 2.5rem 0;
padding: 2rem;
}
.viz-tree__root {
display: inline-block;
background: var(–viz-dark);
color: white;
padding: 1rem 2rem;
border-radius: 12px;
font-weight: 700;
font-size: 1.05rem;
margin-bottom: 0;
}
.viz-tree__connector {
display: flex;
justify-content: center;
margin: 0;
}
.viz-tree__connector svg {
width: 100%;
max-width: 500px;
height: 50px;
}
.viz-tree__branches {
display: flex;
justify-content: center;
gap: 1.5rem;
flex-wrap: wrap;
}
.viz-tree__branch {
flex: 1;
min-width: 160px;
max-width: 220px;
background: white;
border: 2px solid rgba(var(–viz-primary-rgb), 0.2);
border-radius: 16px;
padding: 1.5rem;
text-align: center;
transition: all 0.3s ease;
}
.viz-tree__branch:hover {
border-color: var(–viz-primary);
box-shadow: 0 8px 30px rgba(var(–viz-primary-rgb), 0.15);
transform: translateY(-4px);
}
.viz-tree__branch-label {
display: inline-block;
background: linear-gradient(135deg, var(–viz-primary), var(–viz-accent));
color: white;
padding: 0.25rem 0.75rem;
border-radius: 50px;
font-size: 0.75rem;
font-weight: 600;
margin-bottom: 0.75rem;
}
.viz-tree__branch-title {
font-weight: 700;
color: var(–viz-dark);
font-size: 1rem;
margin-bottom: 0.5rem;
}
.viz-tree__branch-desc {
font-size: 0.82rem;
color: #64748b;
line-height: 1.5;
}

/* ===== Component: Progress Bars ===== */
.viz-progress { margin: 1.5rem 0; }
.viz-progress__item { margin: 1rem 0; }
.viz-progress__header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 0.5rem;
}
.viz-progress__label { font-weight: 600; color: var(–viz-dark); font-size: 0.95rem; }
.viz-progress__value { font-weight: 700; color: var(–viz-primary); font-size: 1rem; }
.viz-progress__track {
width: 100%;
height: 28px;
background: rgba(var(–viz-primary-rgb), 0.08);
border-radius: 14px;
overflow: hidden;
}
.viz-progress__fill {
height: 100%;
background: linear-gradient(90deg, var(–viz-primary), var(–viz-accent));
border-radius: 14px;
transition: width 1s ease;
min-width: 2rem;
}

/* ===== Component: Before/After Split ===== */
.viz-split {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0;
border-radius: 20px;
overflow: hidden;
margin: 2rem 0;
box-shadow: 0 4px 24px rgba(0,0,0,0.08);
}
@media (max-width: 768px) { .viz-split { grid-template-columns: 1fr; } }
.viz-split__before { background: #fef2f2; padding: 2rem; border-left: 3px solid #e5e7eb; }
.viz-split__after { background: rgba(var(–viz-primary-rgb), 0.04); padding: 2rem; }
@media (max-width: 768px) { .viz-split__before { border-left: none; border-bottom: 3px solid #e5e7eb; } }
.viz-split__label {
display: inline-block;
padding: 0.25rem 0.75rem;
border-radius: 50px;
font-size: 0.75rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.05em;
margin-bottom: 1rem;
}
.viz-split__label–before { background: #fee2e2; color: #dc2626; }
.viz-split__label–after { background: rgba(var(–viz-primary-rgb), 0.15); color: var(–viz-primary); }
.viz-split__title { font-size: 1.125rem; font-weight: 700; margin-bottom: 1rem; }
.viz-split__before .viz-split__title { color: #991b1b; }
.viz-split__after .viz-split__title { color: var(–viz-dark); }
.viz-split__list { list-style: none; padding: 0; margin: 0; }
.viz-split__list li { padding: 0.5rem 0; padding-right: 1.5rem; position: relative; font-size: 0.9rem; line-height: 1.5; }
.viz-split__before .viz-split__list li::before { content: ‘✗’; position: absolute; right: 0; color: #dc2626; font-weight: 700; }
.viz-split__after .viz-split__list li::before { content: ‘✓’; position: absolute; right: 0; color: var(–viz-primary); font-weight: 700; }

/* ===== Component: Circular Progress Rings ===== */
.viz-rings { display: flex; justify-content: center; gap: 3rem; flex-wrap: wrap; margin: 2rem 0; }
.viz-ring { text-align: center; }
.viz-ring__svg { width: 140px; height: 140px; transform: rotate(-90deg); }
.viz-ring__track { fill: none; stroke: rgba(var(–viz-primary-rgb), 0.12); stroke-width: 8; }
.viz-ring__fill { fill: none; stroke: url(#viz-ring-gradient-sc); stroke-width: 8; stroke-linecap: round; transition: stroke-dashoffset 1s ease; }
.viz-ring__value { font-size: 2rem; font-weight: 800; color: var(–viz-dark); margin-top: -90px; position: relative; }
.viz-ring__label { font-size: 0.875rem; color: #64748b; margin-top: 0.5rem; }

/* ===== Component: Comparison Bar Chart ===== */
.viz-compare {
background: linear-gradient(135deg, #f8fafc 0%, rgba(var(–viz-primary-rgb), 0.05) 100%);
border-radius: 20px;
padding: 2.5rem;
margin: 2rem 0;
}
.viz-compare__title { font-size: 1.25rem; font-weight: 700; color: var(–viz-dark); margin-bottom: 2rem; text-align: center; }
.viz-compare__row { display: flex; align-items: center; margin: 1rem 0; gap: 1rem; }
.viz-compare__label { width: 160px; flex-shrink: 0; font-weight: 600; color: var(–viz-dark); font-size: 0.9rem; text-align: right; }
.viz-compare__track { flex: 1; height: 36px; background: #e5e7eb; border-radius: 18px; overflow: hidden; }
.viz-compare__fill { height: 100%; border-radius: 18px; display: flex; align-items: center; padding: 0 1rem; color: white; font-weight: 700; font-size: 0.85rem; }
.viz-compare__fill–primary { background: linear-gradient(90deg, var(–viz-primary), var(–viz-accent)); }
.viz-compare__fill–muted { background: #94a3b8; }
@media (max-width: 600px) {
.viz-compare__row { flex-direction: column; align-items: flex-start; }
.viz-compare__label { width: 100%; }
}

/* ===== Component: Vertical Timeline ===== */
.viz-timeline { position: relative; max-width: 700px; margin: 2.5rem auto; padding-right: 40px; }
.viz-timeline::before { content: ”; position: absolute; right: 15px; top: 0; bottom: 0; width: 3px; background: linear-gradient(180deg, var(–viz-primary), var(–viz-accent)); border-radius: 2px; }
.viz-timeline__item { position: relative; margin-bottom: 2rem; padding-right: 2rem; }
.viz-timeline__dot { position: absolute; right: -32px; top: 4px; width: 20px; height: 20px; border-radius: 50%; background: white; border: 3px solid var(–viz-primary); z-index: 2; }
.viz-timeline__item:last-child .viz-timeline__dot { border-color: var(–viz-accent); }
.viz-timeline__title { font-weight: 700; color: var(–viz-dark); font-size: 1.05rem; margin-bottom: 0.25rem; }
.viz-timeline__meta { font-size: 0.8rem; color: var(–viz-primary); font-weight: 600; margin-bottom: 0.5rem; }
.viz-timeline__desc { color: #475569; font-size: 0.9rem; line-height: 1.6; }

/* ===== Inline CTAs ===== */
.scv-inline-cta { margin: 2.5rem 0; border-radius: 16px; padding: 2rem 2.5rem; direction: rtl; text-align: center; overflow: hidden; }
.scv-inline-cta__title { font-size: 1.35rem; font-weight: 700; margin: 0 0 0.75rem; line-height: 1.5; }
.scv-inline-cta__desc { font-size: 0.95rem; margin: 0 0 1.25rem; line-height: 1.8; opacity: 0.92; }
.scv-inline-cta__btn { display: inline-block; padding: 14px 36px; border-radius: 50px; text-decoration: none; font-weight: 700; font-size: 1rem; transition: transform 0.2s, box-shadow 0.2s; }
.scv-inline-cta__btn:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(0,0,0,0.15); }
.scv-inline-cta__note { font-size: 0.8rem; margin-top: 0.75rem; opacity: 0.75; }
.scv-inline-cta–gradient { background: linear-gradient(135deg, #1d9c73 0%, #4a8c60 50%, #c9a227 100%); color: #fff; }
.scv-inline-cta–gradient .scv-inline-cta__btn { background: #fff; color: #1d9c73; }
.scv-inline-cta–green { background: #1d9c73; color: #fff; }
.scv-inline-cta–green .scv-inline-cta__btn { background: #fff; color: #1d9c73; }
.scv-inline-cta–light { background: #f0faf5; border: 2px solid #1d9c73; color: #0d3b66; }
.scv-inline-cta–light .scv-inline-cta__btn { background: #1d9c73; color: #fff; }
.scv-inline-cta–gold { background: linear-gradient(135deg, #c9a227 0%, #a07d1c 100%); color: #fff; }
.scv-inline-cta–gold .scv-inline-cta__btn { background: #fff; color: #c9a227; }
.scv-inline-cta–navy { background: #0d3b66; color: #fff; }
.scv-inline-cta–navy .scv-inline-cta__btn { background: #c9a227; color: #fff; }
.scv-inline-cta–stats { background: #f8fafc; border: 2px solid #e2e8f0; color: #0d3b66; }
.scv-inline-cta–stats .scv-inline-cta__stats { display: flex; justify-content: center; gap: 2rem; margin-bottom: 1.25rem; flex-wrap: wrap; }
.scv-inline-cta–stats .scv-inline-cta__stat { text-align: center; }
.scv-inline-cta–stats .scv-inline-cta__stat-number { font-size: 2rem; font-weight: 800; color: #1d9c73; display: block; line-height: 1.2; }
.scv-inline-cta–stats .scv-inline-cta__stat-label { font-size: 0.8rem; color: #64748b; }
.scv-inline-cta–stats .scv-inline-cta__btn { background: linear-gradient(135deg, #1d9c73, #c9a227); color: #fff; }
@media (max-width: 768px) {
.scv-inline-cta { padding: 1.5rem 1.25rem; }
.scv-inline-cta__title { font-size: 1.15rem; }
}

{
“@context”: “https://schema.org”,
“@type”: “WebPage”,
“name”: “كيفية كتابة سيرة ذاتية للسعوديين 2026 | دليل شامل خطوة بخطوة”,
“description”: “دليل شامل لكتابة سيرة ذاتية احترافية للسعوديين 2026: التنسيق المناسب، أقسام السيرة الذاتية، توافق ATS، تخصيص حسب القطاع، ونصائح الخبراء.”,
“url”: “https://stylingcv.com/ar/%d8%a7%d9%84%d8%a8%d8%ad%d8%ab-%d8%b9%d9%86-%d8%b9%d9%85%d9%84-%d8%af%d9%84%d9%8a%d9%84-%d8%b4%d8%a7%d9%85%d9%84/%d9%83%d9%8a%d9%81%d9%8a%d8%a9-%d9%83%d8%aa%d8%a7%d8%a8%d8%a9-%d8%b3%d9%8a%d8%b1%d8%a9-%d8%b0%d8%a7%d8%aa%d9%8a%d8%a9-%d9%84%d9%84%d8%b3%d8%b9%d9%88%d8%af%d9%8a%d9%8a%d9%86/”,
“inLanguage”: “ar”,
“dateModified”: “2026-02-05”,
“publisher”: {
“@type”: “Organization”,
“name”: “StylingCV”,
“url”: “https://stylingcv.com”
}
}

{
“@context”: “https://schema.org”,
“@type”: “BreadcrumbList”,
“itemListElement”: [
{“@type”: “ListItem”, “position”: 1, “name”: “الرئيسية”, “item”: “https://stylingcv.com/ar/”},
{“@type”: “ListItem”, “position”: 2, “name”: “البحث عن عمل”, “item”: “https://stylingcv.com/ar/%d8%a7%d9%84%d8%a8%d8%ad%d8%ab-%d8%b9%d9%86-%d8%b9%d9%85%d9%84-%d8%af%d9%84%d9%8a%d9%84-%d8%b4%d8%a7%d9%85%d9%84/”},
{“@type”: “ListItem”, “position”: 3, “name”: “كيفية كتابة سيرة ذاتية للسعوديين”, “item”: “https://stylingcv.com/ar/%d8%a7%d9%84%d8%a8%d8%ad%d8%ab-%d8%b9%d9%86-%d8%b9%d9%85%d9%84-%d8%af%d9%84%d9%8a%d9%84-%d8%b4%d8%a7%d9%85%d9%84/%d9%83%d9%8a%d9%81%d9%8a%d8%a9-%d9%83%d8%aa%d8%a7%d8%a8%d8%a9-%d8%b3%d9%8a%d8%b1%d8%a9-%d8%b0%d8%a7%d8%aa%d9%8a%d8%a9-%d9%84%d9%84%d8%b3%d8%b9%d9%88%d8%af%d9%8a%d9%8a%d9%86/”}
]
}

{
“@context”: “https://schema.org”,
“@type”: “FAQPage”,
“mainEntity”: [
{“@type”: “Question”, “name”: “كم صفحة يجب أن تكون السيرة الذاتية السعودية؟”, “acceptedAnswer”: {“@type”: “Answer”, “text”: “صفحة واحدة للخريجين الجدد وذوي خبرة أقل من 5 سنوات. صفحتان كحد أقصى لذوي الخبرة الطويلة (+10 سنوات). لا تتجاوز صفحتين أبداً.”}},
{“@type”: “Question”, “name”: “هل أكتب السيرة الذاتية بالعربي أم الإنجليزي؟”, “acceptedAnswer”: {“@type”: “Answer”, “text”: “جهّز نسختين: عربية وإنجليزية. القطاع الحكومي يفضل العربية، الشركات المتعددة الجنسيات تطلب الإنجليزية.”}},
{“@type”: “Question”, “name”: “هل أضع صورتي الشخصية في السيرة الذاتية؟”, “acceptedAnswer”: {“@type”: “Answer”, “text”: “في السعودية، إدراج الصورة شائع ومقبول في معظم القطاعات. استخدم صورة رسمية بخلفية بيضاء وملابس مهنية.”}},
{“@type”: “Question”, “name”: “ما هو أفضل تنسيق للسيرة الذاتية في السعودية 2026؟”, “acceptedAnswer”: {“@type”: “Answer”, “text”: “التنسيق المختلط (Combination) هو الأفضل لمعظم السعوديين. يجمع بين إبراز المهارات والتسلسل الزمني. 70% من مسؤولي التوظيف يفضلونه.”}},
{“@type”: “Question”, “name”: “كيف أكتب ملخصاً مهنياً قوياً؟”, “acceptedAnswer”: {“@type”: “Answer”, “text”: “في 3-4 أسطر: تخصصك، سنوات خبرتك، أبرز إنجاز بالأرقام، والقيمة التي ستقدمها للشركة.”}},
{“@type”: “Question”, “name”: “هل أذكر الراتب المتوقع في السيرة الذاتية؟”, “acceptedAnswer”: {“@type”: “Answer”, “text”: “لا تذكر الراتب المتوقع إلا إذا طُلب صراحة. اترك التفاوض لمرحلة المقابلة الشخصية.”}},
{“@type”: “Question”, “name”: “كيف أجعل سيرتي متوافقة مع ATS؟”, “acceptedAnswer”: {“@type”: “Answer”, “text”: “عمود واحد بسيط، خطوط قياسية، عناوين واضحة، كلمات مفتاحية من إعلان الوظيفة. تجنب الجداول والرسومات. احفظ PDF.”}},
{“@type”: “Question”, “name”: “هل أحتاج سيرة ذاتية مختلفة لكل وظيفة؟”, “acceptedAnswer”: {“@type”: “Answer”, “text”: “نعم، عدّل الملخص المهني والكلمات المفتاحية لكل وظيفة. هذا يرفع فرصك بنسبة 40%.”}},
{“@type”: “Question”, “name”: “ما يميز السيرة الذاتية السعودية؟”, “acceptedAnswer”: {“@type”: “Answer”, “text”: “ثنائية اللغة، إمكانية إدراج الصورة، مراعاة السعودة ونطاقات، إبراز مهارات رؤية 2030، والشهادات المهنية المعتمدة.”}},
{“@type”: “Question”, “name”: “ما أفضل أداة مجانية لإنشاء سيرة ذاتية للسعوديين؟”, “acceptedAnswer”: {“@type”: “Answer”, “text”: “StylingCV: قوالب عربية احترافية، توافق 95%+ مع ATS، اقتراحات بالذكاء الاصطناعي، نسختين عربي/إنجليزي. أكثر من 6 مليون مستخدم.”}}
]
}