“`html

/* Global Styles & Reset for Block Editor Compatibility */
body, html {
margin: 0;
padding: 0;
font-family: ‘Vazirmatn’, ‘Arial’, sans-serif; /* Fallback fonts */
direction: rtl; /* For Persian text */
text-align: right;
line-height: 1.6;
color: #333;
background-color: #f9f9f9;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

/* Container for responsiveness and overall layout */
.article-container {
max-width: 900px;
margin: 20px auto;
padding: 20px;
background-color: #fff;
border-radius: 8px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
overflow-x: hidden; /* Prevent horizontal scroll on small screens */
}

/* Headings */
h1, h2, h3 {
margin-top: 1.5em;
margin-bottom: 0.8em;
padding-bottom: 0.3em;
font-weight: 700;
color: #2C3E50; /* Darker blue for headings */
}

h1 {
font-size: 2.5em; /* Larger for H1 */
border-bottom: 3px solid #3498DB; /* Accent color underline */
text-align: center;
padding-bottom: 15px;
margin-bottom: 30px;
color: #1a237e; /* Deeper blue for main title */
}

h2 {
font-size: 2em;
border-bottom: 2px solid #ECF0F1; /* Lighter underline */
padding-bottom: 10px;
color: #34495E; /* Slightly lighter than H1 */
}

h3 {
font-size: 1.5em;
color: #555;
border-right: 4px solid #1ABC9C; /* Green accent for H3 */
padding-right: 10px;
margin-right: -15px; /* Adjust for padding on right */
}

/* Paragraphs */
p {
margin-bottom: 1em;
line-height: 1.8;
font-size: 1.05em;
}

/* Lists */
ul {
list-style: none; /* Remove default bullet */
padding: 0;
margin-right: 20px;
}

ul li {
position: relative;
margin-bottom: 0.8em;
padding-right: 25px;
font-size: 1.05em;
}

ul li::before {
content: ‘•’; /* Custom bullet point */
color: #3498DB; /* Accent color for bullets */
font-size: 1.2em;
position: absolute;
right: 0;
top: 0;
}

ol {
margin-right: 25px;
}

ol li {
margin-bottom: 0.8em;
font-size: 1.05em;
}

/* Table of Contents */
.toc {
background-color: #ECF0F1;
border-right: 5px solid #3498DB;
padding: 15px 20px;
margin-bottom: 30px;
border-radius: 5px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.toc h2 {
font-size: 1.6em;
margin-top: 0;
margin-bottom: 10px;
border-bottom: none;
color: #2C3E50;
}

.toc ul {
list-style: none;
padding: 0;
margin: 0;
}

.toc ul li {
margin-bottom: 8px;
padding-right: 0; /* Remove custom bullet padding */
}

.toc ul li::before {
display: none; /* Remove custom bullet for TOC */
}

.toc ul li a {
text-decoration: none;
color: #34495E;
transition: color 0.3s ease;
font-weight: 500;
display: block;
padding: 5px 0;
}

.toc ul li a:hover {
color: #1ABC9C;
}

/* Table Styling */
.styled-table {
width: 100%;
border-collapse: collapse;
margin: 25px 0;
font-size: 1em;
text-align: right;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
border-radius: 8px;
overflow: hidden; /* Ensures rounded corners apply to content */
}

.styled-table th,
.styled-table td {
padding: 12px 15px;
border: 1px solid #ddd;
}

.styled-table thead tr {
background-color: #3498DB;
color: #ffffff;
text-align: right;
}

.styled-table tbody tr:nth-of-type(even) {
background-color: #f3f3f3;
}

.styled-table tbody tr:last-of-type {
border-bottom: 2px solid #3498DB;
}

.styled-table tbody tr.active-row {
font-weight: bold;
color: #3498DB;
}

/* Infographic Alternative (Key Factors Box) */
.key-factors-box {
background-color: #e8f5e9; /* Light green background */
border-right: 8px solid #28a745; /* Green border */
padding: 25px;
margin: 30px 0;
border-radius: 10px;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}

.key-factors-box h3 {
color: #1e7e34; /* Darker green */
border-right: none;
padding-right: 0;
margin-top: 0;
margin-bottom: 20px;
text-align: center;
font-size: 1.8em;
}

.factor-item {
display: flex;
align-items: flex-start;
margin-bottom: 20px;
gap: 15px;
flex-direction: row-reverse; /* For RTL alignment of icon and text */
text-align: right;
}

.factor-item .icon {
flex-shrink: 0;
width: 40px;
height: 40px;
background-color: #28a745;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
font-size: 1.5em;
font-weight: bold;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.factor-item p {
margin: 0;
font-size: 1.1em;
color: #333;
}

/* Responsive Adjustments */
@media (max-width: 768px) {
.article-container {
margin: 10px auto;
padding: 15px;
box-shadow: none; /* Lighter on mobile */
}

h1 {
font-size: 2em;
padding-bottom: 10px;
margin-bottom: 20px;
}

h2 {
font-size: 1.6em;
padding-bottom: 8px;
}

h3 {
font-size: 1.3em;
border-right: 3px solid #1ABC9C;
padding-right: 8px;
margin-right: -10px;
}

p, ul li, ol li, .toc ul li a, .factor-item p {
font-size: 0.95em;
}

.styled-table {
font-size: 0.9em;
}

.styled-table th, .styled-table td {
padding: 10px 12px;
}

.key-factors-box {
padding: 20px;
border-right: 6px solid #28a745;
}

.factor-item {
flex-direction: column; /* Stack icon and text on small screens */
align-items: center;
text-align: center;
}

.factor-item .icon {
margin-bottom: 10px;
}
}

@media (max-width: 480px) {
h1 {
font-size: 1.8em;
}
h2 {
font-size: 1.4em;
}
h3 {
font-size: 1.2em;
}
.styled-table {
display: block; /* Make table scrollable */
overflow-x: auto;
white-space: nowrap; /* Prevent breaking cells */
}
.styled-table thead, .styled-table tbody, .styled-table th, .styled-table td, .styled-table tr {
display: block;
}
.styled-table th {
text-align: center;
background-color: #3498DB; /* Ensure header color */
color: #fff;
}
.styled-table td {
text-align: right; /* Revert to right for content */
border-bottom: 1px solid #ddd;
position: relative;
padding-right: 50%; /* Space for pseudo-element label */
}
.styled-table td::before {
/* Create data labels for small screens */
content: attr(data-label);
position: absolute;
right: 6px;
top: 6px;
width: 45%;
padding-left: 10px;
font-weight: bold;
color: #3498DB;
text-align: left;
}
/* Hide original table headers for responsive table with labels */
.styled-table thead { display: none; }
.styled-table tbody tr { margin-bottom: 10px; border-bottom: 2px solid #3498DB; }
}

/* Print Styles */
@media print {
body {
background-color: #fff;
color: #000;
}
.article-container {
box-shadow: none;
border: none;
margin: 0;
padding: 0;
max-width: none;
}
h1, h2, h3 {
color: #000 !important;
border-color: #eee !important;
}
.toc, .key-factors-box {
border: 1px solid #eee;
background-color: #f0f0f0;
box-shadow: none;
}
.factor-item .icon {
background-color: #ccc !important;
color: #000 !important;
}
}

“`