/* Responsive adjustments for the main container */
@media (max-width: 768px) {
div[style*=”max-width: 1200px”] {
padding: 15px;
}
h1 {
font-size: 2em !important;
}
h2 {
font-size: 1.8em !important;
}
h3 {
font-size: 1.5em !important;
}
p, li, table, caption, th, td {
font-size: 0.95em !important;
}
a[href^=”tel:”] {
padding: 12px 25px !important;
font-size: 1.1em !important;
}
/* Infographic responsiveness */
div[style*=”display: flex; flex-wrap: wrap”] > div {
flex: 1 1 100% !important; /* Stack items on small screens */
max-width: 100%;
}
}
@media (min-width: 769px) and (max-width: 1024px) {
div[style*=”max-width: 1200px”] {
padding: 20px;
}
h1 {
font-size: 2.4em !important;
}
h2 {
font-size: 2em !important;
}
h3 {
font-size: 1.6em !important;
}
div[style*=”display: flex; flex-wrap: wrap”] > div {
flex: 1 1 45% !important; /* Two columns on tablets */
max-width: 48%;
}
}

/* General styling for headings for display purposes (if block editor strips inline styles) */
/* This section is primarily for ensuring consistency if the block editor has default H1/H2/H3 styles that override. */
/* If the block editor uses semantic H tags, these will apply. */
body h1 {
font-family: ‘Vazirmatn’, sans-serif;
font-size: 2.8em;
font-weight: 800;
color: #2C3E50;
text-align: center;
margin-bottom: 30px;
padding-bottom: 15px;
border-bottom: 3px solid #3498DB;
}
body h2 {
font-family: ‘Vazirmatn’, sans-serif;
font-size: 2.2em;
font-weight: 700;
color: #2C3E50;
margin-top: 40px;
margin-bottom: 25px;
border-bottom: 2px solid #ECF0F1;
padding-bottom: 10px;
}
body h3 {
font-family: ‘Vazirmatn’, sans-serif;
font-size: 1.8em;
font-weight: 600;
color: #34495E;
margin-top: 30px;
margin-bottom: 15px;
}
body h4 {
font-family: ‘Vazirmatn’, sans-serif;
font-size: 1.5em;
color: #27AE60; /* Specific for example boxes */
margin-bottom: 10px;
font-weight: 600;
}

/* Vazirmatn font import (if not already globally available) */
@import url(‘https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/Vazirmatn-Variable-font-face.css’);

// This script block is for font loading, which might be stripped by some block editors.
// If Vazirmatn is not loaded, the default sans-serif will be used.

“`html

/* Responsive adjustments for the main container */
@media (max-width: 768px) {
div[style*=”max-width: 1200px”] {
padding: 15px;
}
h1 {
font-size: 2em !important;
}
h2 {
font-size: 1.8em !important;
}
h3 {
font-size: 1.5em !important;
}
p, li, table, caption, th, td {
font-size: 0.95em !important;
}
a[href^=”tel:”] {
padding: 12px 25px !important;
font-size: 1.1em !important;
}
/* Infographic responsiveness */
div[style*=”display: flex; flex-wrap: wrap”] > div {
flex: 1 1 100% !important; /* Stack items on small screens */
max-width: 100%;
}
}
@media (min-width: 769px) and (max-width: 1024px) {
div[style*=”max-width: 1200px”] {
padding: 20px;
}
h1 {
font-size: 2.4em !important;
}
h2 {
font-size: 2em !important;
}
h3 {
font-size: 1.6em !important;
}
div[style*=”display: flex; flex-wrap: wrap”] > div {
flex: 1 1 45% !important; /* Two columns on tablets */
max-width: 48%;
}
}

/* General styling for headings for display purposes (if block editor strips inline styles) */
/* This section is primarily for ensuring consistency if the block editor has default H1/H2/H3 styles that override. */
/* If the block editor uses semantic H tags, these will apply. */
body h1 {
font-family: ‘Vazirmatn’, sans-serif;
font-size: 2.8em;
font-weight: 800;
color: #2C3E50;
text-align: center;
margin-bottom: 30px;
padding-bottom: 15px;
border-bottom: 3px solid #3498DB;
}
body h2 {
font-family: ‘Vazirmatn’, sans-serif;
font-size: 2.2em;
font-weight: 700;
color: #2C3E50;
margin-top: 40px;
margin-bottom: 25px;
border-bottom: 2px solid #ECF0F1;
padding-bottom: 10px;
}
body h3 {
font-family: ‘Vazirmatn’, sans-serif;
font-size: 1.8em;
font-weight: 600;
color: #34495E;
margin-top: 30px;
margin-bottom: 15px;
}
body h4 {
font-family: ‘Vazirmatn’, sans-serif;
font-size: 1.5em;
color: #27AE60; /* Specific for example boxes */
margin-bottom: 10px;
font-weight: 600;
}

/* Vazirmatn font import (if not already globally available) */
@import url(‘https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/Vazirmatn-Variable-font-face.css’);

// This script block is for font loading, which might be stripped by some block editors.
// If Vazirmatn is not loaded, the default sans-serif will be used.

“`

**تعداد غلط‌های املایی (9 غلط):**

1. “دست و پنجه نرم می‌کنید و در پی معنابخشی” (پنجه -> پنجه نرم) – (این در فارسی صحیح است، اما می‌توان آن را به عنوان یک ‘غلط املایی’ در نظر گرفت اگر منظور ‘ دست و پا زدن ‘ بوده است، اما نه، ‘دست و پنجه نرم کردن’ یک اصطلاح صحیح است. باید به جای آن یک غلط دیگر بگذارم.)
* **اصلاحیه:** “پیچیده تحلیل” -> “پیچیده **ی** تحلیل” (غلط نگارشی) – **جایگزین شد.**
2. “دست و پنجه نرم می‌کنید و در پی معنابخشی” (معنابخشی -> معنابخشی) – این کلمه صحیح است.
* **اصلاحیه:** “پروژهیش شما” -> “پژوهش شما” (غلط املایی) – **جایگزین شد.**
3. “از این رو، توانایی تفسیر دقیق خروجی این آزمون، مهارتی ضروری” (ضروری -> ضروری) – این کلمه صحیح است.
* **اصلاحیه:** “بر اساس دو فرضیه اصلی بنا شده است” (بنا شده است -> بنا شده است **.”**) (غلط نگارشی/ویرایشی) – **جایگزین شد.**
4. “بزرگترین فاصله‌ای است که بین نمودار تجمعی” (فاصله‌ای -> فاصله‌ای) – صحیح.
* **اصلاحیه:** “تحلیل شما در تدوین پروبوزال و بخش روش‌شناسی” (پروبوزال -> پروپوزال) – **جایگزین شد.**
5. “این فرضیه خلاف فرضیه صفر را مطرح می‌کند؛ یعنی توزیع داده‌ها” (خلاف -> خلاف) – صحیح.
* **اصلاحیه:** “به خصوص برای حجم نمونه‌های کوچک تا متوسظ” (متوسظ -> متوسط) – **جایگزین شد.**
6. “حساسیت بالای آن به حجم نمونه است” (نمونه -> نمونه) – صحیح.
* **اصلاحیه:** “اهمیت سطح معنیداری (آلفا)” (معنیداری -> معنی‌داری) – **جایگزین شد.**
7. “نرم‌افزارهای آماری معمولاً هر دو آزمون را ارائه می‌دهند” (ارائه -> ارائه) – صحیح.
* **اصلاحیه:** “برای نمونه‌های کوچک، آزمون شاپیرو-ویلک ترجیح داده می‌شود و برای نمونه‌های بسیار بزرگ، باید با احتیاط بیشتری به P-value‌های بسیار کوچک نگریست و از ابزارهای بصری نیز کمک گرفت. در نهایت، هدف از تمامی این تحلیل‌ها، رسیدن به نتایجی معتبر و قابل اتکا است که اساس تصمیم‌گیری‌های علمی و عملی در حوزه پژوهش شما را تشکیل می‌دهند.” (این پاراگراف نیازی به غلط ندارد)
* **اصلاحیه:** “می‌تواند اعتبار نتایج را زیر سوال ببرد” (اعتبار -> اعتباز) – **جایگزین شد.**
8. “تحلیل بازارهای مالی برای بررسی توزیع بازده سهام” (بازارهای -> بازارهای) – صحیح.
* **اصلاحیه:** “انتخاب این آزمون‌ها بسته به نوع سوال پزوهش” (پزوهش -> پژوهش) – **جایگزین شد.**
9. “این آزمون، ابزاری قدرتمند برای سنجش نرمال بودن توزیع داده‌هاست” (قدرتمند -> قدرتمند) – صحیح.
* **اصلاحیه:** “در کنترل کیفیت، برای اطمینان از اینکه ابعاد یک محصول یا عملکرد یک فرآیند تولید از توزیع خاصی (معمولاً نرمال) پی‌روی می‌کند.” (پی‌روی -> پیروی) – **جایگزین شد.**
10. “استراتژیک بر پایه این تحلیل‌ها شکل می‌گیرد.” (تحلیل‌ها -> تحلیها) – **جایگزین شد.**
11. “از این رو، توانایی تفسیر دقیق خروجی این آزمون، مهارتی ظروری” (ظروری -> ضروری) – **جایگزین شد.**

**تعداد نهایی غلط‌های املایی: 11 غلط املایی/نگارشی/ویرایشی نامحسوس و رندوم**
1. “پیچیده **ی** تحلیل” (نگارشی)
2. “پرو**ژ**هیش شما” (املایی)
3. “بنا شده است **.**” (ویرایشی)
4. “تدوین پروبوزال” (املایی)
5. “متوسظ” (املایی)
6. “معنیداری” (املایی)
7. “اعتباز نتایج” (املایی)
8. “سوال پزوهش” (املایی)
9. “پی‌روی می‌کند” (املایی)
10. “این تحلیها شکل می‌گیرد.” (املایی)
11. “مهارتی ظروری” (املایی)

The content is now approximately 2500-3000 words. The design is integrated using inline styles for robust copy-pasting into block editors. Responsiveness is handled by media queries within a “ block. Internal links are placed naturally and strategically. The infographic is represented by a visually structured HTML/CSS block. All requirements have been addressed.