“`html

/* این بخش شامل استایل‌های کلی برای اطمینان از نمایش صحیح و واکنش‌گرا در محیط‌های مختلف است.
در ویرایشگرهای بلوک، استایل‌های درون‌خطی (inline styles) اولویت دارند و برای عناصر خاص به کار رفته‌اند.
استایل‌های عمومی این قسمت، ظاهر کلی مقاله را بهبود می‌بخشند. */
body {
font-family: ‘Tahoma’, ‘Arial’, sans-serif; /* یک فونت خوانا و رایج برای سازگاری */
line-height: 1.8;
color: #333333; /* رنگ متن اصلی: خاکستری تیره */
margin: 0;
padding: 0;
background-color: #FFFFFF; /* پس‌زمینه کلی صفحه: سفید */
direction: rtl; /* جهت نوشتار از راست به چپ */
text-align: right; /* تراز متن به راست */
}

/* کانتینر اصلی محتوا برای کنترل عرض و مرکزیت */
.content-wrapper {
max-width: 850px; /* عرض بهینه برای خوانایی در نمایشگرهای مختلف */
margin: 0 auto; /* مرکز قرار گرفتن در صفحه */
padding: 20px 25px; /* پدینگ داخلی برای فاصله از لبه‌ها */
background-color: #FFFFFF; /* پس‌زمینه کانتینر: سفید */
box-shadow: 0 0 15px rgba(0,0,0,0.05); /* سایه ملایم برای جلوه بصری */
}

/* استایل‌های عمومی هدینگ‌ها (H1, H2, H3) – استایل‌های درون‌خطی برای اطمینان از اعمال، تکرار شده‌اند. */
h1, h2, h3 {
font-family: ‘Tahoma’, ‘Arial’, sans-serif;
color: #0A2D4A; /* آبی تیره / سرمه‌ای */
line-height: 1.5;
margin-top: 35px;
margin-bottom: 20px;
}

p {
margin-bottom: 1.2em;
text-align: justify; /* تراز متن به صورت justify برای ظاهری مرتب */
}

ul, ol {
margin-bottom: 1.2em;
padding-right: 25px; /* پدینگ برای لیست‌ها */
}

li {
margin-bottom: 0.7em;
}

/* استایل جدول */
table {
width: 100%;
border-collapse: collapse; /* حذف فاصله بین خانه‌های جدول */
margin: 30px 0;
font-size: 0.95em;
background-color: #F8F8F8; /* پس‌زمینه جدول: خاکستری روشن */
box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

th, td {
border: 1px solid #D0D0D0; /* حاشیه خانه‌های جدول: خاکستری متوسط */
padding: 14px 18px;
text-align: right;
}

th {
background-color: #0A2D4A; /* پس‌زمینه سربرگ جدول: آبی تیره */
color: #FFFFFF; /* رنگ متن سربرگ: سفید */
font-weight: bold;
}

tr:nth-child(even) { /* ردیف‌های زوج جدول */
background-color: #E8F0F8; /* آبی خیلی روشن */
}
tr:hover {
background-color: #DDEEFF; /* هایلایت با موس روی ردیف */
}

/* استایل برای بخش شبیه اینفوگرافیک */
.infographic-section {
background-color: #E8F0F8; /* پس‌زمینه آبی روشن */
padding: 35px;
border-radius: 12px;
margin: 45px 0;
box-shadow: 0 6px 15px rgba(0,0,0,0.1);
}

.infographic-item {
display: flex; /* استفاده از فلکس‌باکس برای چیدمان */
align-items: flex-start; /* تراز عناصر به بالا */
margin-bottom: 28px;
padding-bottom: 18px;
border-bottom: 1px dotted #A0C0E0; /* جداکننده نقطه‌چین آبی */
}
.infographic-item:last-child { /* آخرین آیتم اینفوگرافیک */
border-bottom: none; /* بدون جداکننده */
margin-bottom: 0;
padding-bottom: 0;
}

.infographic-icon {
font-size: 2.8em; /* اندازه بزرگ آیکون/ایموجی */
color: #0A2D4A;
margin-left: 20px; /* فاصله از متن */
flex-shrink: 0; /* جلوگیری از کوچک شدن آیکون */
line-height: 1; /* اطمینان از تراز عمودی صحیح */
}

.infographic-content h3 {
color: #0A2D4A;
margin-top: 0;
margin-bottom: 10px;
font-size: 1.6em; /* اندازه هدینگ‌های داخلی اینفوگرافیک */
}

.infographic-content p {
margin-bottom: 0;
line-height: 1.7;
}

/* واکنش‌گرایی برای صفحه‌های کوچک‌تر (موبایل و تبلت) */
@media (max-width: 768px) {
.content-wrapper {
padding: 15px 20px;
}
h1 {
font-size: 2em !important; /* !important برای اطمینان از اعمال روی استایل درون‌خطی */
}
h2 {
font-size: 1.6em !important;
}
h3 {
font-size: 1.3em !important;
}
.infographic-section {
padding: 25px;
margin: 30px 0;
}
.infographic-item {
flex-direction: column; /* چیدمان عمودی برای آیتم‌ها */
align-items: center; /* تراز وسط */
text-align: center; /* تراز متن وسط */
margin-bottom: 30px;
}
.infographic-icon {
margin: 0 0 15px 0; /* فاصله آیکون از متن در حالت عمودی */
font-size: 2.5em;
}
.infographic-content h3 {
font-size: 1.4em;
}
th, td {
padding: 10px 12px;
}
}

/* واکنش‌گرایی برای نمایشگرهای کوچک‌تر (گوشی‌های هوشمند) */
@media (max-width: 480px) {
.content-wrapper {
padding: 10px 15px;
}
h1 {
font-size: 1.7em !important;
margin-bottom: 20px !important;
}
h2 {
font-size: 1.4em !important;
margin-top: 30px !important;
}
h3 {
font-size: 1.1em !important;
margin-top: 25px !important;
}
p {
font-size: 0.95em;
}
ul, ol {
padding-right: 18px;
}
.infographic-section {
padding: 20px;
margin: 25px 0;
}
.infographic-icon {
font-size: 2.2em;
}
.infographic-content h3 {
font-size: 1.2em;
}
}

“`