/* تنظیمات عمومی برای بدنه سند */
body {
font-family: ‘Vazirmatn’, sans-serif; /* یک فونت خوانا و مدرن فارسی */
line-height: 1.8; /* فاصله خطوط برای خوانایی بهتر */
color: #343a40; /* رنگ متن تیره برای کنتراست خوب */
margin: 0;
padding: 0;
background-color: #f8f9fa; /* رنگ پس‌زمینه روشن */
direction: rtl; /* برای پشتیبانی از زبان فارسی */
text-align: right;
}

/* کانتینر اصلی مقاله برای مرکزیت و محدود کردن عرض در دسکتاپ */
.container {
max-width: 900px; /* حداکثر عرض در صفحه‌های بزرگ */
margin: 20px auto; /* مرکزیت افقی با حاشیه بالا و پایین */
padding: 25px 30px;
background-color: #ffffff; /* پس‌زمینه سفید برای محتوا */
border-radius: 12px; /* گوشه‌های گرد برای زیبایی */
box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1); /* سایه ملایم برای جلوه سه‌بعدی */
}

/* واکنش‌گرایی برای موبایل و تبلت */
@media (max-width: 768px) {
.container {
margin: 10px;
padding: 15px 20px;
box-shadow: none; /* حذف سایه در موبایل برای سادگی */
}
h1 { font-size: 2em !important; } /* تنظیم اندازه فونت هدینگ‌ها برای موبایل */
h2 { font-size: 1.6em !important; }
h3 { font-size: 1.3em !important; }
.infographic-item {
flex-basis: 100% !important; /* چینش ستونی آیتم‌های اینفوگرافیک در موبایل */
}
.infographic-container {
flex-direction: column; /* تغییر جهت فلکس‌باکس به ستونی */
gap: 15px;
}
}

@media (max-width: 480px) {
body {
font-size: 0.9em; /* کمی کوچک‌تر کردن متن اصلی در صفحات بسیار کوچک */
}
.container {
margin: 5px;
padding: 10px 15px;
}
}

/* استایل‌دهی به هدینگ‌ها */
h1, h2, h3 {
color: #0056b3; /* رنگ آبی تیره برای هدینگ‌ها */
margin-top: 1.8em;
margin-bottom: 0.8em;
line-height: 1.4;
}
h1 {
font-size: 2.8em; /* اندازه بزرگ برای عنوان اصلی */
font-weight: 800; /* ضخامت زیاد */
text-align: center;
color: #004085; /* آبی عمیق‌تر برای H1 */
}
h2 {
font-size: 2.2em;
font-weight: 700;
border-bottom: 2px solid #e0e0e0; /* خط زیرین ملایم */
padding-bottom: 10px;
margin-top: 2.5em;
}
h3 {
font-size: 1.6em;
font-weight: 600;
color: #007bff; /* آبی روشن‌تر برای H3 */
}

/* پاراگراف‌ها */
p {
margin-bottom: 1.2em;
text-align: justify; /* توجیه متن برای ظاهر حرفه‌ای */
}

/* لیست‌ها */
ul, ol {
margin-right: 25px; /* فرورفتگی لیست‌ها */
padding-right: 0;
margin-bottom: 1.5em;
list-style-position: inside; /* برای راست‌چین شدن نشانگر لیست */
}
li {
margin-bottom: 0.8em;
line-height: 1.6;
}
ul { list-style-type: ‘🐠 ‘; /* آیکون ماهی برای لیست‌های نامرتب */ }
ol { list-style-type: decimal; }

/* استایل جدول */
.styled-table {
width: 100%;
border-collapse: collapse;
margin: 30px 0;
font-size: 1em;
text-align: right;
box-shadow: 0 3px 12px rgba(0, 0, 0, 0.08);
border-radius: 10px;
overflow: hidden; /* برای نمایش گوشه‌های گرد */
}

.styled-table thead tr {
background-color: #007bff; /* پس‌زمینه آبی برای هدر جدول */
color: #ffffff;
text-align: right;
}

.styled-table th,
.styled-table td {
padding: 15px 20px;
border: 1px solid #dee2e6; /* حاشیه خاکستری روشن */
}

.styled-table tbody tr {
border-bottom: 1px solid #eeeeee;
}

.styled-table tbody tr:nth-of-type(even) {
background-color: #f7f7f7; /* راه‌راه کردن ردیف‌ها */
}

.styled-table tbody tr:hover {
background-color: #e9f5ff; /* تغییر رنگ در هاور */
}

/* بخش اینفوگرافیک-مانند */
.infographic-container {
display: flex;
flex-wrap: wrap; /* اجازه شکستن آیتم‌ها به خطوط جدید */
gap: 25px; /* فاصله بین آیتم‌ها */
margin: 40px 0;
justify-content: center;
}

.infographic-item {
flex: 1; /* اجازه رشد و کوچک شدن آیتم */
min-width: 300px; /* حداقل عرض قبل از شکستن */
background-color: #eaf6ff; /* پس‌زمینه آبی بسیار روشن */
border-left: 6px solid #007bff; /* نوار آبی در سمت چپ */
padding: 25px;
border-radius: 12px;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.08);
transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out; /* انیمیشن نرم */
}

.infographic-item:hover {
transform: translateY(-8px); /* حرکت به بالا در هاور */
box-shadow: 0 8px 18px rgba(0, 0, 0, 0.15); /* سایه قوی‌تر در هاور */
}

.infographic-item h3 {
color: #0056b3 !important; /* رنگ هدینگ داخلی اینفوگرافیک */
margin-top: 0;
font-size: 1.5em !important;
display: flex;
align-items: center;
gap: 12px;
border-bottom: none; /* حذف خط زیرین H3 */
padding-bottom: 0;
}

.infographic-item h3::before {
font-size: 1.4em;
line-height: 1;
display: inline-block;
margin-left: 10px;
}
.infographic-item:nth-child(1) h3::before { content: ‘✨’; } /* آیکون‌های زیبا برای هر آیتم */
.infographic-item:nth-child(2) h3::before { content: ‘🛠️’; }
.infographic-item:nth-child(3) h3::before { content: ‘✍️’; }
.infographic-item:nth-child(4) h3::before { content: ‘🎓’; }

.infographic-item p {
font-size: 0.95em;
line-height: 1.6;
color: #555;
text-align: justify;
}

/* بخش “تضمین” – با رنگ‌بندی خاص */
.guarantee-section {
background-color: #d4edda; /* سبز روشن برای حس اطمینان */
border-left: 8px solid #28a745; /* نوار سبز پررنگ */
padding: 30px;
margin-top: 50px;
border-radius: 12px;
color: #155724; /* متن سبز تیره */
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
text-align: center;
}

.guarantee-section h2 {
color: #155724 !important; /* رنگ هدینگ سبز تیره */
border-bottom: none;
padding-bottom: 0;
margin-top: 0.5em;
margin-bottom: 0.8em;
}

.guarantee-section p {
font-size: 1.15em;
margin-bottom: 0.8em;
font-weight: 500;
text-align: center;
}

.guarantee-section strong {
color: #0d461c; /* رنگ قوی‌تر برای متن مهم */
font-weight: 700;
}

/* کلاس‌های کمکی برای هدینگ‌ها – اطمینان از اعمال استایل در هر محیطی */
.h1-manual { font-size: 2.8em; font-weight: 800; color: #004085; text-align: center; }
.h2-manual { font-size: 2.2em; font-weight: 700; color: #0056b3; border-bottom: 2px solid #e0e0e0; padding-bottom: 10px; }
.h3-manual { font-size: 1.6em; font-weight: 600; color: #007bff; }

“`