“`html

“`
“`css
/* برای بهبود تجربه در ویرایشگرهای بلوک و کلاسیک که شاید استایل‌های اینلاین را به طور کامل پشتیبانی نکنند، توصیه می‌شود این CSS در بخش سفارشی‌سازی CSS قالب سایت شما اضافه شود. */

/* Basic Styles for body and container for better readability */
body {
font-family: ‘Vazirmatn’, sans-serif; /* فرض بر این است که فونت وزیرمتن در سایت شما فعال است */
line-height: 1.8;
color: #333333;
direction: rtl; /* برای زبان فارسی */
text-align: right;
margin: 0;
padding: 0;
}

.article-container {
max-width: 1000px;
margin: 0 auto;
padding: 20px;
box-sizing: border-box;
background-color: #FFFFFF;
border-radius: 12px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
}

/* Headings */
h1 {
font-size: 2.8em;
font-weight: bold;
color: #0A3D62;
text-align: right;
margin-bottom: 30px;
padding-bottom: 15px;
border-bottom: 3px solid #E0F2F7;
}

h2 {
font-size: 2.2em;
font-weight: bold;
color: #0056B3;
margin-top: 40px;
margin-bottom: 20px;
padding-bottom: 10px;
border-bottom: 2px solid #E0F2F7;
}

h3 {
font-size: 1.6em;
font-weight: bold;
color: #17A2B8;
margin-top: 30px;
margin-bottom: 15px;
}

/* Paragraphs and Lists */
p {
font-size: 1.1em;
text-align: justify;
margin-bottom: 15px;
}

ul {
list-style: none;
padding: 0;
margin-right: 20px;
}

ul li {
margin-bottom: 10px;
font-size: 1.1em;
text-align: justify;
position: relative;
padding-right: 25px;
}

ul li span {
position: absolute;
right: 0;
font-weight: bold;
}

/* Section Styling */
.section-intro, .section-guarantee, .section-conclusion {
background-color: #EAF2F8;
padding: 25px;
border-radius: 10px;
margin-bottom: 30px;
border-right: 5px solid #007BFF;
}

.section-factors, .section-faq {
background-color: #F8F8F8;
padding: 25px;
border-radius: 10px;
margin-bottom: 30px;
border-left: 5px solid #28A745;
}

/* Infographic Styling */
.infographic-box {
background-color: #F0F8FF;
padding: 25px;
border-radius: 10px;
margin-top: 40px;
border: 1px dashed #007BFF;
}

.infographic-item {
background-color: white;
padding: 15px;
border-radius: 8px;
box-shadow: 0 2px 8px rgba(0,0,0,0.05);
text-align: right;
border-right: 4px solid; /* Color will be inline */
}

.infographic-flex-container {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
gap: 20px;
}

/* Table Styling */
table {
width: 100%;
border-collapse: collapse;
text-align: center;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 4px 15px rgba(0,0,0,0.08);
margin-bottom: 30px;
}

table thead {
background-color: #0A3D62;
color: white;
}

table th, table td {
padding: 15px;
border: 1px solid #ddd;
font-size: 1.05em;
}

table tbody tr:nth-child(odd) {
background-color: #FDFDFD;
}

table tbody tr:nth-child(even) {
background-color: #F0F8FF;
}

/* FAQ Styling */
.faq-item {
margin-bottom: 15px;
background-color: white;
padding: 18px;
border-radius: 8px;
border-right: 3px solid #007BFF;
}

.faq-item h3 {
font-size: 1.4em;
font-weight: bold;
color: #0A3D62;
margin-bottom: 10px;
margin-top: 0; /* Override default h3 margin-top */
}

/* Responsive adjustments */
@media (max-width: 768px) {
h1 {
font-size: 2em;
}
h2 {
font-size: 1.8em;
}
h3 {
font-size: 1.4em;
}
p, ul li, table th, table td {
font-size: 1em;
}
.article-container {
padding: 15px;
}
.infographic-item {
flex: 1 1 100%; /* Stack items on small screens */
}
}

@media (max-width: 480px) {
h1 {
font-size: 1.8em;
margin-bottom: 20px;
padding-bottom: 10px;
}
h2 {
font-size: 1.5em;
margin-top: 30px;
margin-bottom: 15px;
padding-bottom: 8px;
}
h3 {
font-size: 1.2em;
margin-top: 20px;
margin-bottom: 10px;
}
p, ul li, table th, table td {
font-size: 0.95em;
}
.article-container {
padding: 10px;
}
table th, table td {
padding: 10px;
}
ul li {
padding-right: 20px;
}
ul li span {
font-size: 0.9em;
}
}
“`

**توضیحات مهم برای شما:**

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

`، `

` و `

` استفاده کرده‌ام. این تگ‌ها در ویرایشگرهای بلوک و کلاسیک به عنوان هدینگ شناسایی می‌شوند و پس از انتشار، استایل‌های پیش‌فرض قالب سایت شما روی آن‌ها اعمال خواهد شد.
2. **سایز و ضخامت فونت برای هدینگ‌ها:** برای اینکه در ویرایشگر بلوک یا کلاسیک پیش‌نمایش بهتری داشته باشید و قبل از انتشار نیز ظاهر زیبا حفظ شود، از استایل‌های `font-size` و `font-weight: bold` به صورت `inline` برای هر هدینگ استفاده کرده‌ام. این کار تضمین می‌کند که حتی بدون CSS خارجی، هدینگ‌ها ظاهر متمایز خود را حفظ کنند.
3. **طراحی منحصر به فرد و رنگ‌بندی زیبا:**
* برای بخش‌های مختلف مقاله از تگ `

` با استایل‌های `inline` برای `background-color`، `padding`، `border-radius` و `border` استفاده کرده‌ام. این کار باعث می‌شود هر بخش دارای یک پس‌زمینه رنگی ملایم و طرح‌بندی زیبا باشد که در ویرایشگر بلوک نیز به خوبی نمایش داده شود.
* رنگ‌ها با دقت انتخاب شده‌اند تا حسی حرفه‌ای، آرامش‌بخش و خوانا ایجاد کنند (مثلاً آبی‌های تیره برای عنوان‌ها، خاکستری‌های ملایم برای متن اصلی و پس‌زمینه‌های روشن برای بخش‌ها).
4. **اینفوگرافیک زیبا (جایگزین):** از آنجایی که نمی‌توانم یک فایل تصویری اینفوگرافیک واقعی بسازم و تضمین کنم که پس از کپی به درستی در ویرایشگر بلوک قرار گیرد، یک جایگزین متنی بسیار زیبا و ساختاریافته طراحی کرده‌ام. این “اینفوگرافیک” از `div`های کوچک با پس‌زمینه‌های سفید، سایه و `border`های رنگی برای هر آیتم، به همراه ایموجی (مانند 🎓, 🔬) و متون برجسته استفاده می‌کند تا اطلاعات را به صورت بصری جذاب و قابل فهم ارائه دهد. این ساختار کاملاً HTML محور است و در ویرایشگر بلوک بدون مشکل رندر می‌شود.
5. **جدول آموزشی استاندارد:** یک جدول با دو ستون برای نمایش “دامنه تقریبی هزینه” با استایل‌های کامل (رنگ‌بندی، border-radius، سایه) قرار داده‌ام تا هم زیبا باشد و هم به راحتی در ویرایشگر بلوک نمایش داده شود.
6. **محتوای هدف‌محور، عمیق و باارزش:** محتوا به طور کامل به موضوع “هزینه و قیمت انجام پایان‌نامه در میدان تجریش + تضمینی” پرداخته، عوامل مؤثر، حدود قیمت، مفهوم تضمین و نکات انتخاب را با جزئیات و توضیحات کافی ارائه می‌دهد.
7. **انسان‌نویس و بدون تبلیغات:** متن با لحنی طبیعی، دلسوزانه و اطلاعاتی نوشته شده است و از هرگونه متن تبلیغاتی مستقیم یا جملاتی که نشان دهد هوش مصنوعی آن را تولید کرده، پرهیز شده است.
8. **ساختار منظم و قابل اسکن:** استفاده منظم از هدینگ‌ها، پاراگراف‌های کوتاه، لیست‌های بولت‌دار و جدول، مقاله را بسیار خوانا و قابل اسکن کرده است. بخش پرسش‌های متداول (FAQ) نیز به این امر کمک می‌کند.
9. **رسپانسیو (Responsive):** محتوای HTML با ساختار منعطف (مانند `flex-wrap` در بخش اینفوگرافیک و استفاده از `%` برای عرض‌ها) طراحی شده است تا در دستگاه‌های مختلف به خوبی نمایش داده شود. همچنین یک توضیح در انتهای مقاله در مورد رسپانسیو بودن اضافه شده است. (رفتار دقیق رسپانسیو به CSS قالب سایت شما بستگی دارد، اما ساختار HTML آماده است). **مهم:** برای اینکه این محتوا واقعاً رسپانسیو باشد، باید CSS واکنش‌گرا (مثل قطعه کدی که در بخش دوم ارائه داده‌ام) به قالب سایت شما اضافه شود. بدون آن، استایل‌های اینلاین به تنهایی رسپانسیو نخواهند بود، اما ساختار HTML کماکان قابلیت انطباق را فراهم می‌کند.
10. **عدم نیاز به کار اضافه:** شما می‌توانید کل کد HTML ارائه شده را مستقیماً کپی کرده و در ویرایشگر بلوک (یا کلاسیک) خود قرار دهید. همه چیز، از جمله هدینگ‌ها، جدول، و طرح‌بندی‌های رنگی، به درستی نمایش داده خواهد شد.

این مقاله با رعایت تمامی جزئیات و خواسته‌های شما، آماده استفاده است.