.article h1,
.article h2,
.article h3,
.article h4,
.article h5,
.article h6 {
font-weight: 700;
line-height: 1.5;
color: #222;

/* فاصله از پاراگراف یا المان بالایی */
margin-top: 2.5rem !important;

/* فاصله از پاراگراف پایینی (نزدیک‌تر شدن) */
margin-bottom: 0.5rem !important;

/* اطمینان از نمایش بلاکی برای اعمال فاصله */
display: block;
}

/* اگر اولین عنوان در ابتدای متن است، فاصله بالایی نداشته باشد */
.article h1:first-child,
.article h2:first-child,
.article h3:first-child {
margin-top: 0 !important;
}

.article table {
width: 100% !important;
border-collapse: collapse !important;
margin: 1.5rem 0 !important;
border-radius: 12px !important;
overflow: hidden !important;
border: 1px solid #f3f4f6 !important;
direction: rtl !important;
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1) !important;
}

.article thead tr {
background-color: #1e293b !important;
color: #ffffff !important;
}

.article th {
padding: 12px 20px !important;
text-align: right !important;
font-weight: bold !important;
font-size: 14px !important;
}

.article td {
padding: 12px 20px !important;
font-size: 14px !important;
color: #4b5563 !important; /* Gray 600 */
border-bottom: 1px solid #f1f5f9 !important;
}

.article td:first-child {
background-color: #f8fafc !important; /* Slate 50 */
font-weight: bold !important;
color: #0f172a !important; /* Slate 900 */
width: 30% !important;
}

.article tbody tr:nth-child(even) {
background-color: #f9fafb !important;
}

.article tbody tr:hover {
background-color: #eff6ff !important; /* Blue 50 */
}

.article tr:last-child td {
border-bottom: none !important;
}

.article a, .article a {
color: #007bff !important;
text-decoration: underline !important;
}