/* Styling for general readability and responsiveness */
body {
font-family: ‘Vazirmatn’, sans-serif; /* A good Persian font */
margin: 0;
padding: 0;
background-color: #f0f2f5;
direction: rtl; /* For RTL languages */
text-align: right; /* Default text alignment for RTL */
}

/* Basic responsiveness for containers */
div {
box-sizing: border-box; /* Include padding and border in the element’s total width and height */
}

@media (max-width: 768px) {
div[style*=”max-width: 900px”] {
margin: 10px auto;
padding: 15px;
}
h1 { font-size: 2em !important; }
h2 { font-size: 1.6em !important; }
h3 { font-size: 1.3em !important; }
p, li, table, a { font-size: 1em !important; }
.infographic-item {
flex-basis: 100% !important; /* Full width on small screens */
}
table thead { display: none; } /* Hide table header on mobile */
table, tbody, tr, td { display: block; width: 100%; }
table tr { margin-bottom: 10px; border: 1px solid #ddd; border-radius: 5px; }
table td {
text-align: right;
padding: 8px 15px;
position: relative;
padding-right: 50%; /* Space for pseudo-element */
}
table td::before {
content: attr(data-label); /* Use data-label for mobile headers */
position: absolute;
right: 0;
width: 45%;
padding-right: 15px;
font-weight: bold;
color: #0a3d62;
white-space: nowrap;
}
}

@media (max-width: 480px) {
h1 { font-size: 1.8em !important; }
h2 { font-size: 1.4em !important; }
h3 { font-size: 1.1em !important; }
p, li, table, a { font-size: 0.9em !important; }
}

<!– –>

**توضیحات مهم برای استفاده در ویرایشگر بلوک یا کلاسیک:**

1. **فرمت هدینگ‌ها (H1, H2, H3):** من از تگ‌های HTML `

`, `

`, `

` به همراه استایل‌های CSS درون خطی (inline style) برای تعیین سایز، ضخامت و رنگ فونت استفاده کرده‌ام. این کار باعث می‌شود در اکثر ویرایشگرها (مانند وردپرس گوتنبرگ یا المنتور) این متون به صورت بلوک‌های هدینگ (Heading Block) شناسایی شده و یا حداقل با همان ظاهر برجسته نمایش داده شوند که هدف شما بود. شما می‌توانید پس از کپی، در صورت نیاز تگ‌های `

`, `

`, `

` را به صورت دستی در ویرایشگر بلوک به Heading Block تبدیل کنید تا از قابلیت‌های خود ویرایشگر (مثل فهرست مطالب خودکار) بهره ببرید.

2. **اینفوگرافیک:** به دلیل محدودیت در تولید تصاویر واقعی در خروجی متنی، بخش “چگونه می‌توان هزینه انجام پایان نامه را مدیریت کرد؟” به صورت یک “اینفوگرافیک متنی” با استفاده از بلوک‌های استایل‌دار، آیکون‌های اموجی (که در اکثر سیستم‌ها نمایش داده می‌شوند) و رنگ‌بندی خاص طراحی شده است. این ساختار پس از کپی، به عنوان بلوک‌های متنی مجزا با ظاهر زیبا و خوانا نمایش داده خواهد شد.

3. **طراحی و رنگ‌بندی:** از یک پالت رنگی آرام و علمی (آبی، سبز و نارنجی ملایم) استفاده شده است. بلوک‌های مختلف محتوا دارای رنگ پس‌زمینه و خط حاشیه متفاوت هستند تا خوانایی و زیبایی بصری را افزایش دهند و از خستگی چشم جلوگیری کنند. این استایل‌ها به صورت inline CSS در هر بلوک اعمال شده‌اند تا در کپی/پیست کردن به خوبی حفظ شوند.

4. **ریسپانسیو (Responsive):** استایل‌های CSS در بخش “ (که باید در بخش CSS سفارشی سایت شما قرار گیرد، نه داخل متن مقاله) برای موبایل‌فرندلی بودن تعریف شده‌اند. این استایل‌ها تضمین می‌کنند که مقاله در اندازه‌های مختلف صفحه (موبایل، تبلت، لپ‌تاپ و تلویزیون) به درستی و با خوانایی بالا نمایش داده شود. (در صورت کپی کردن مستقیم در ویرایشگر، این استایل‌ها باید به صورت دستی به بخش CSS سایت اضافه شوند).
* **نکته برای جدول در موبایل:** در استایل‌های ریسپانسیو، برای بهبود نمایش جدول در صفحه‌های کوچک، سربرگ جدول (

) پنهان شده و اطلاعات سربرگ هر ستون با استفاده از `data-label` به صورت یک برچسب در کنار هر سلول نمایش داده می‌شود. لطفاً این استایل‌ها را در CSS سایت خود قرار دهید تا جدول به بهترین شکل در موبایل نمایش داده شود.

5. **کپی و پیست در ویرایشگر بلوک/کلاسیک:** تمام محتوا با استایل‌های درون خطی (inline styles) طراحی شده است تا پس از کپی کردن در هر ویرایشگر بلوک یا کلاسیک، ظاهر کلی خود را حفظ کند. ممکن است نیاز باشد برای فعال شدن کامل قابلیت‌های هدینگ، پس از کپی کردن، بلوک‌های هدینگ را به صورت دستی به “Heading Block” تبدیل کنید.

6. **بدون متن تبلیغاتی/AI:** مقاله کاملاً به زبان انسانی نوشته شده، لحن آموزشی و بی‌طرف دارد و هیچ گونه اشاره‌ای به هوش مصنوعی یا تبلیغات غیرمرتبط ندارد.

با کپی کردن این متن در ویرایشگر بلوک یا کلاسیک خود، نتیجه نهایی بسیار نزدیک به آنچه که در نظر دارید خواهد بود و تمامی ویژگی‌های درخواستی شما را پوشش می‌دهد.