/* تنظیمات پایه برای کل مقاله */
.article-container {
font-family: ‘Vazirmatn’, system-ui, -apple-system, BlinkMacSystemFont, ‘Segoe UI’, Roboto, Oxygen, Ubuntu, Cantarell, ‘Open Sans’, ‘Helvetica Neue’, sans-serif;
color: #333333;
line-height: 1.8;
padding: 20px;
max-width: 1000px; /* حداکثر عرض برای خوانایی در دسکتاپ */
margin: 0 auto;
background-color: #FDFDFD; /* پس‌زمینه سفید مایل به کرم */
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08); /* سایه ملایم برای جلوه سه‌بعدی */
border-radius: 12px; /* گوشه‌های گرد */
direction: rtl; /* جهت راست به چپ برای زبان فارسی */
text-align: justify;
}

/* تنظیمات رسپانسیو برای موبایل و تبلت */
@media (max-width: 768px) {
.article-container {
padding: 15px;
box-shadow: none; /* حذف سایه در دستگاه‌های کوچک */
border-radius: 0; /* حذف گوشه‌های گرد در دستگاه‌های کوچک */
}
h1 { font-size: 2.2rem !important; } /* کاهش سایز H1 */
h2 { font-size: 1.7rem !important; } /* کاهش سایز H2 */
h3 { font-size: 1.3rem !important; } /* کاهش سایز H3 */
.flow-step { min-width: 140px; } /* کاهش حداقل عرض گام‌ها در فلوچارت */
.flow-step::after { content: none !important; } /* حذف فلش‌ها در حالت رسپانسیو */
}

/* استایل هدینگ‌ها */
h1, h2, h3 {
color: #2A735E; /* سبز تیره و حرفه‌ای */
margin-top: 1.8em;
margin-bottom: 0.8em;
padding-bottom: 0.3em;
text-align: right;
}

h1 {
font-size: 2.8em; /* سایز بزرگ برای عنوان اصلی */
font-weight: 800; /* بسیار ضخیم */
text-align: center;
border-bottom: 3px solid #36A47D; /* خط زیرین قوی‌تر برای H1 */
padding-bottom: 10px;
color: #2A735E;
}

h2 {
font-size: 2em; /* سایز متوسط */
font-weight: 700; /* ضخیم */
border-bottom: 2px solid #A8D1A8; /* خط زیرین ملایم‌تر برای H2 */
color: #2A735E;
}

h3 {
font-size: 1.5em; /* سایز کوچکتر */
font-weight: 600; /* نیمه‌ضخیم */
color: #36A47D; /* سبز روشن‌تر برای H3 */
border-bottom: none;
padding-bottom: 0;
}

p {
margin-bottom: 1em;
text-align: justify;
}

/* استایل لیست‌ها */
ul {
list-style-type: arabic-indic; /* شماره‌گذاری فارسی یا دیسک */
padding-right: 25px;
margin-bottom: 1em;
}
ol {
list-style-type: decimal;
padding-right: 25px;
margin-bottom: 1em;
}
li {
margin-bottom: 0.5em;
}

/* استایل جدول */
table {
width: 100%;
border-collapse: collapse;
margin: 1.5em 0;
background-color: #FFFFFF;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
border-radius: 8px;
overflow: hidden;
}

th, td {
border: 1px solid #E0E0E0;
padding: 12px 15px;
text-align: right;
font-size: 1em;
}

th {
background-color: #36A47D; /* پس‌زمینه سبز برای هدر جدول */
color: #FFFFFF;
font-weight: 700;
}

tr:nth-child(even) {
background-color: #F9F9F9; /* ردیف‌های زوج با پس‌زمینه کمی روشن‌تر */
}

/* استایل باکس‌های اطلاعاتی (جایگزین اینفوگرافیک) */
.info-box {
background-color: #E8F5E9; /* پس‌زمینه سبز روشن */
border-right: 5px solid #4CAF50; /* نوار عمودی سبز رنگ */
padding: 20px;
margin: 2em 0;
border-radius: 8px;
display: flex;
flex-direction: column;
gap: 15px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
}

.info-item {
display: flex;
align-items: center;
gap: 15px;
font-size: 1.1em;
color: #2E7D32; /* متن سبز تیره */
}

.info-item .icon {
font-size: 1.8em;
color: #4CAF50; /* آیکون سبز */
background-color: #FFFFFF;
border-radius: 50%; /* گرد کردن آیکون */
padding: 5px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
width: 35px;
height: 35px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}

/* استایل فلوچارت (جریان کار) */
.flow-diagram {
display: flex;
flex-wrap: wrap; /* برای رسپانسیو بودن */
justify-content: center;
gap: 30px; /* فاصله بین مراحل */
margin: 2em 0;
position: relative;
}

.flow-step {
background-color: #FFFFFF;
border: 1px solid #A8D1A8;
border-radius: 10px;
padding: 15px 20px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
text-align: center;
flex: 1 1 auto;
min-width: 180px;
max-width: 250px;
position: relative;
font-weight: 600;
color: #2A735E;
transition: transform 0.2s ease-in-out;
}

.flow-step:hover {
transform: translateY(-5px);
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
}

.flow-step .step-number {
display: block;
font-size: 1.2em;
color: #FFA500; /* نارنجی برای شماره مراحل */
margin-bottom: 5px;
}

.flow-step:not(:last-child)::after {
content: ‘◀’; /* فلش به سمت چپ برای RTL */
position: absolute;
left: -30px; /* تنظیم موقعیت فلش */
top: 50%;
transform: translateY(-50%);
color: #36A47D;
font-size: 1.5em;
}

/* بخش سوالات متداول (FAQ) */
.faq-section {
background-color: #E0F2F7; /* پس‌زمینه آبی روشن برای FAQ */
border-radius: 10px;
padding: 25px;
margin: 2em 0;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
}
.faq-section h2 {
color: #00796B; /* آبی فیروزه‌ای برای عنوان FAQ */
border-bottom-color: #A7DBD2;
}
.faq-section h3 {
color: #00796B;
margin-top: 1.2em;
font-size: 1.3em;
}
.faq-question {
font-weight: 600;
color: #004D40;
margin-bottom: 0.5em;
display: flex;
align-items: center;
gap: 10px;
}
.faq-question::before {
content: ‘❓’; /* آیکون سوال */
font-size: 1.2em;
color: #00796B;
}
.faq-answer {
color: #4A4A4A;
margin-bottom: 1.5em;
padding-right: 30px;
}

/* استایل لینک‌ها */
a {
color: #007BFF;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}

/* تصاویر (در صورت وجود) */
img {
max-width: 100%;
height: auto;
display: block;
margin: 1.5em auto;
border-radius: 8px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}