“`html

/*
توجه: این CSS برای نمایش بهینه در ویرایشگرهای بلوکی طراحی شده است.
فونت Vazirmatn از Google Fonts لود می‌شود که برای نمایش کامل نیاز به اینترنت دارد.
اگر سایت شما از قبل فونت خاصی را تعریف کرده باشد، ممکن است با این فونت ترکیب شود یا آن را بازنویسی کند.
*/
@import url(‘https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;700&display=swap’);

body {
font-family: ‘Vazirmatn’, sans-serif;
line-height: 1.8;
color: #333;
background-color: #fcfcfc; /* پس‌زمینه بسیار روشن */
margin: 0;
padding: 20px;
text-align: right;
}

.container {
max-width: 850px; /* عرض بهینه برای مطالعه در دسکتاپ و تبلت */
margin: 0 auto;
background-color: #fff;
padding: 30px 40px;
border-radius: 12px; /* گوشه‌های گردتر */
box-shadow: 0 6px 25px rgba(0, 0, 0, 0.08); /* سایه عمیق‌تر و زیباتر */
box-sizing: border-box;
}

h1 {
font-size: 2.7em; /* اندازه بزرگتر برای H1 */
color: #1A3263; /* رنگ آبی نفتی تیره */
margin-bottom: 30px;
font-weight: 700;
text-align: center;
padding-bottom: 20px;
border-bottom: 3px solid #E0E0E0; /* خط زیرین با ضخامت بیشتر */
line-height: 1.3;
}

h2 {
font-size: 2.1em;
color: #2C3E50; /* رنگ خاکستری تیره */
margin-top: 45px;
margin-bottom: 25px;
font-weight: 700;
border-right: 6px solid #3498DB; /* خط آبی پررنگ در کنار هدینگ */
padding-right: 18px;
padding-top: 8px;
padding-bottom: 8px;
background-color: #F8FBFD; /* پس‌زمینه کمی روشن‌تر برای H2 */
border-radius: 5px;
}

h3 {
font-size: 1.6em;
color: #34495E; /* رنگ خاکستری متوسط */
margin-top: 35px;
margin-bottom: 18px;
font-weight: 700;
padding-right: 12px;
border-right: 4px solid #5FAFE0; /* خط آبی روشن‌تر */
line-height: 1.4;
}

p {
margin-bottom: 1.6em;
line-height: 2; /* فاصله خطوط بیشتر برای خوانایی بهتر */
font-size: 1.08em;
text-align: justify;
}

ul, ol {
margin-bottom: 1.6em;
padding-right: 30px;
}

li {
margin-bottom: 1em;
line-height: 1.9;
font-size: 1.05em;
}

strong {
color: #1A3263; /* تاکید با رنگ آبی نفتی */
}

table {
width: 100%;
border-collapse: collapse;
margin: 35px 0;
font-size: 1.05em;
text-align: right;
direction: rtl;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05); /* سایه برای جدول */
border-radius: 8px;
overflow: hidden; /* برای نمایش صحیح border-radius در جدول */
}

table th, table td {
border: 1px solid #E0E0E0; /* خطوط جدول روشن‌تر */
padding: 15px 20px;
}

table thead th {
background-color: #3498DB; /* رنگ آبی برای هدر جدول */
color: #fff;
font-weight: 700;
text-align: center;
font-size: 1.1em;
}

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

table tbody tr:hover {
background-color: #EBF7FF; /* رنگ پس‌زمینه هنگام هاور */
cursor: pointer;
}

.info-box {
background-color: #EBF7FF; /* پس‌زمینه آبی روشن‌تر */
border-right: 6px solid #3498DB; /* خط آبی پررنگ‌تر */
padding: 25px 30px;
margin: 35px 0;
border-radius: 8px;
color: #2C3E50;
font-size: 1.05em;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);
}

.info-box strong {
color: #1A3263;
display: block;
margin-bottom: 12px;
font-size: 1.3em;
line-height: 1.4;
}

/* طراحی اینفوگرافیک متنی */
.infographic-block {
background-color: #F8FBFD; /* رنگ پس‌زمینه برای اینفوگرافیک */
border-radius: 15px;
padding: 35px 25px;
margin: 45px 0;
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.07);
text-align: center;
direction: rtl;
border: 1px solid #E0E0E0; /* حاشیه برای اینفوگرافیک */
}

.infographic-block h3 {
color: #1A3263;
font-size: 1.8em;
margin-bottom: 30px;
border-right: none;
padding-right: 0;
text-align: center;
}

.infographic-block .step {
display: flex;
align-items: flex-start; /* ترازبندی از بالا */
margin-bottom: 30px;
flex-direction: row-reverse; /* برای نمایش از راست به چپ */
position: relative; /* برای خط اتصال */
}

.infographic-block .step:not(:last-child)::before {
content: ”;
position: absolute;
top: 55px; /* مرکز دایره */
right: 32px; /* مرکز دایره */
width: 3px;
height: calc(100% – 75px); /* ارتفاع خط اتصال */
background-color: #B2D7EF; /* رنگ خط اتصال */
z-index: 0;
}

.infographic-block .step:last-child {
margin-bottom: 0;
}

.infographic-block .step-number {
background-color: #3498DB;
color: #fff;
width: 60px; /* اندازه بزرگتر */
height: 60px; /* اندازه بزرگتر */
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.8em; /* فونت بزرگتر */
font-weight: 700;
flex-shrink: 0;
margin-left: 25px; /* فاصله از متن */
box-shadow: 0 4px 15px rgba(52, 152, 219, 0.3); /* سایه برای اعداد */
z-index: 1; /* بالاتر از خط اتصال */
}

.infographic-block .step-content {
text-align: right;
flex-grow: 1;
padding-top: 5px; /* تراز با شماره */
}

.infographic-block .step-content h4 { /* استفاده از H4 برای عنوان هر مرحله */
margin: 0 0 8px 0;
color: #1A3263;
font-size: 1.4em;
font-weight: 700;
line-height: 1.3;
}

.infographic-block .step-content p {
margin: 0;
line-height: 1.8;
font-size: 1em;
color: #444;
text-align: right; /* متن راست چین */
}

/* فهرست مطالب */
.table-of-contents {
background-color: #F0F8FF; /* رنگ آبی بسیار روشن */
border-radius: 10px;
padding: 25px;
margin: 40px 0;
border-right: 6px solid #3498DB;
box-shadow: 0 3px 15px rgba(0, 0, 0, 0.06);
line-height: 1.5;
}

.table-of-contents h3 {
color: #1A3263;
margin-top: 0;
margin-bottom: 20px;
border-right: none;
padding-right: 0;
text-align: right;
font-size: 1.5em;
}

.table-of-contents ul {
list-style: none;
padding: 0;
margin: 0;
}

.table-of-contents li {
margin-bottom: 10px;
position: relative;
padding-right: 15px; /* فضای بیشتر برای آیکون */
}

.table-of-contents li::before { /* آیکون زیبا برای لیست */
content: ‘📌’;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
font-size: 1em;
color: #3498DB;
}

.table-of-contents a {
color: #34495E;
text-decoration: none;
font-weight: 500;
transition: color 0.3s ease, padding-right 0.3s ease;
display: block;
padding: 5px 0;
font-size: 1.05em;
}

.table-of-contents a:hover {
color: #1A3263;
padding-right: 10px; /* جلوه هنگام هاور */
}

/* Responsive Design */
@media (max-width: 768px) {
.container {
padding: 25px;
margin: 15px;
}
h1 {
font-size: 2.2em;
margin-bottom: 25px;
}
h2 {
font-size: 1.8em;
margin-top: 35px;
margin-bottom: 20px;
padding-right: 15px;
border-right-width: 5px;
}
h3 {
font-size: 1.3em;
margin-top: 25px;
margin-bottom: 15px;
padding-right: 10px;
border-right-width: 3px;
}
p {
font-size: 1em;
line-height: 1.8;
}
li {
font-size: 0.98em;
}
body {
padding: 15px;
}
table th, table td {
padding: 10px 12px;
font-size: 0.95em;
}
.info-box {
padding: 20px 25px;
margin: 30px 0;
}
.info-box strong {
font-size: 1.2em;
}
/* تغییرات اینفوگرافیک برای موبایل */
.infographic-block .step {
flex-direction: column; /* در موبایل به صورت عمودی */
align-items: flex-end; /* برای حفظ راست چین بودن */
}
.infographic-block .step-number {
margin-left: 0;
margin-bottom: 15px; /* فاصله از متن در حالت عمودی */
width: 50px;
height: 50px;
font-size: 1.6em;
}
.infographic-block .step-content {
text-align: right;
padding-top: 0;
}
.infographic-block .step-content h4 {
font-size: 1.3em;
}
.infographic-block .step:not(:last-child)::before {
top: 65px; /* تنظیم مجدد موقعیت خط اتصال برای حالت عمودی */
right: 23px;
height: calc(100% – 90px);
}
.table-of-contents {
padding: 20px;
margin: 30px 0;
}
.table-of-contents h3 {
font-size: 1.4em;
}
.table-of-contents li {
font-size: 1em;
}
}

@media (max-width: 480px) {
h1 {
font-size: 1.9em;
padding-bottom: 15px;
}
h2 {
font-size: 1.6em;
padding-right: 12px;
}
h3 {
font-size: 1.15em;
padding-right: 8px;
}
p, li {
font-size: 0.9em;
}
.container {
padding: 18px;
margin: 10px;
border-radius: 8px;
}
table {
font-size: 0.85em;
}
table th, table td {
padding: 8px 10px;
}
.infographic-block h3 {
font-size: 1.5em;
}
.infographic-block .step-number {
width: 40px;
height: 40px;
font-size: 1.4em;
}
.infographic-block .step-content h4 {
font-size: 1.1em;
}
.table-of-contents h3 {
font-size: 1.2em;
}
.table-of-contents li {
font-size: 0.95em;
}
}

{
“@context”: “https://schema.org”,
“@type”: “FAQPage”,
“mainEntity”: [{
“@type”: “Question”,
“name”: “چرا پروپوزال نویسی در علوم اجتماعی اهمیت دارد؟”,
“acceptedAnswer”: {
“@type”: “Answer”,
“text”: “پروپوزال نویسی در علوم اجتماعی برای شفاف‌سازی ایده‌های پژوهشی، کسب اعتبار علمی، جذب منابع مالی، سازماندهی مراحل تحقیق و جلوگیری از تکرار پژوهش‌های قبلی حیاتی است. این سند به عنوان نقشه راه دقیق تحقیق عمل می‌کند و شایستگی طرح را نشان می‌دهد.”
}
},{
“@type”: “Question”,
“name”: “اجزای اصلی یک پروپوزال استاندارد در علوم اجتماعی کدامند؟”,
“acceptedAnswer”: {
“@type”: “Answer”,
“text”: “اجزای اصلی شامل عنوان، چکیده، مقدمه و بیان مسئله، پیشینه تحقیق، اهداف تحقیق، سوالات و فرضیات، روش‌شناسی (نوع تحقیق، جامعه، نمونه، ابزارها و تحلیل داده)، محدودیت‌ها، جدول زمان‌بندی و فهرست منابع هستند.”
}
},{
“@type”: “Question”,
“name”: “چگونه می‌توان یک مسئله پژوهشی خوب در علوم اجتماعی تعریف کرد؟”,
“acceptedAnswer”: {
“@type”: “Answer”,
“text”: “مسئله پژوهشی خوب باید یک شکاف دانش، ابهام نظری یا چالش اجتماعی واقعی و قابل تحقیق باشد. باید به وضوح توضیح داده شود که چرا این مسئله مهم است و چرا انجام این پژوهش ضروری است، و از کلی‌گویی و ابهام پرهیز شود.”
}
},{
“@type”: “Question”,
“name”: “ملاحظات اخلاقی در پروپوزال نویسی علوم اجتماعی چه مواردی را شامل می‌شود؟”,
“acceptedAnswer”: {
“@type”: “Answer”,
“text”: “ملاحظات اخلاقی شامل کسب رضایت آگاهانه از شرکت‌کنندگان، تضمین محرمانگی و گمنامی اطلاعات، عدم آسیب‌رسانی فیزیکی یا روانی به افراد، حفظ صداقت و شفافیت علمی و در صورت نیاز، اخذ تاییدیه از کمیته اخلاق دانشگاه یا نهاد مربوطه است.”
}
}]
}

“`