انجام رساله دکتری ارزان در علوم تربیتی: راهنمایی برای کیفیتی برتر با مدیریت هزینه

/*
نکته مهم: برای اینکه هدینگ‌ها (H1, H2, H3) به صورت خودکار در ویرایشگرهای بلوکی یا کلاسیک به عنوان هدینگ شناسایی شوند،
پس از کپی کردن این متن در ویرایشگر، باید آنها را به صورت دستی از نوع “Heading 1″، “Heading 2” و “Heading 3” انتخاب کنید.
این کدهای CSS فقط برای نمایش بصری مناسب در مرورگر هستند و ماهیت HTML تگ‌ها را تعیین نمی‌کنند.
همچنین، برای فونت “Vazirmatn” باید اطمینان حاصل کنید که این فونت در سایت شما بارگذاری شده است،
در غیر این صورت از فونت‌های سیستمی پیش‌فرض استفاده خواهد شد.
*/

/* Reset basic styles for better consistency */
body {
margin: 0;
padding: 0;
box-sizing: border-box;
}

/* Base font for the article, ensuring it’s loaded if available */
@import url(‘https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;600;700;800;900&display=swap’);

/* General responsive adjustments */
@media (max-width: 768px) {
.main-article-container {
padding: 20px 15px !important;
margin: 20px auto !important;
}
h1 {
font-size: 1.8em !important;
margin-bottom: 25px !important;
}
h2 {
font-size: 1.5em !important;
margin-top: 35px !important;
margin-bottom: 20px !important;
}
h3 {
font-size: 1.25em !important;
margin-top: 25px !important;
margin-bottom: 12px !important;
}
p, ul, table, .infographic-container p, .infographic-container ul {
font-size: 1em !important;
}
.infographic-item {
flex: 1 1 90% !important; /* Stack items on small screens */
min-width: unset !important;
}
table th, table td {
padding: 8px !important;
font-size: 0.9em !important;
}
}

@media (max-width: 480px) {
h1 {
font-size: 1.6em !important;
}
h2 {
font-size: 1.3em !important;
}
h3 {
font-size: 1.1em !important;
}
p, ul, table, .infographic-container p, .infographic-container ul {
font-size: 0.95em !important;
}
}

/* Styles for the main container – responsive */
.main-article-container {
font-family: ‘Vazirmatn’, sans-serif;
direction: rtl;
text-align: justify;
line-height: 1.8;
color: #34495E;
max-width: 850px;
margin: 40px auto;
padding: 25px 30px;
background-color: #FFFFFF;
border-radius: 12px;
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
border: 1px solid #ECEFF1;
box-sizing: border-box; /* Include padding and border in the element’s total width and height */
}

/* Heading styles – to be manually converted to H1, H2, H3 tags in editor */
h1 {
font-size: 2.3em;
color: #2C3E50;
text-align: center;
margin-bottom: 35px;
line-height: 1.3;
font-weight: 800;
padding: 10px 0;
}

h2 {
font-size: 1.9em;
color: #2980B9;
border-bottom: 2px solid #AED6F1;
padding-bottom: 12px;
margin-top: 45px;
margin-bottom: 25px;
font-weight: 700;
}

h3 {
font-size: 1.5em;
color: #1ABC9C;
margin-top: 35px;
margin-bottom: 18px;
font-weight: 600;
}

/* Paragraph and general text styles */
p {
font-size: 1.1em;
margin-bottom: 15px;
line-height: 1.8;
}

strong {
font-weight: 700;
color: #2C3E50;
}

/* List styles */
ul {
list-style-type: disc;
margin-right: 25px; /* Adjust for RTL */
margin-left: 0;
padding-right: 0;
margin-bottom: 20px;
font-size: 1.05em;
}

ul li {
margin-bottom: 8px;
}

/* Table styles */
table {
width: 100%;
border-collapse: collapse;
margin: 25px 0;
font-size: 1.0em;
box-shadow: 0 2px 8px rgba(0,0,0,0.05);
border-radius: 8px;
overflow: hidden; /* Ensures rounded corners apply to borders */
}

table caption {
caption-side: top;
text-align: center;
margin-bottom: 15px;
font-size: 1.25em;
font-weight: bold;
color: #2C3E50;
}

table th, table td {
border: 1px solid #BDC3C7;
padding: 12px;
text-align: right;
}

table th {
background-color: #ECF0F1;
color: #2C3E50;
font-weight: bold;
}

table tr:nth-child(even) {
background-color: #F8F9F9;
}

/* Infographic alternative styles */
.infographic-container {
background-color: #E8F8F5;
border-left: 5px solid #1ABC9C;
padding: 20px;
margin: 30px 0;
border-radius: 8px;
}

.infographic-container h3 {
color: #1ABC9C;
margin-top: 0;
font-size: 1.5em;
text-align: center;
font-weight: 700;
margin-bottom: 25px;
}

.infographic-content {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
gap: 25px;
text-align: center;
}

.infographic-item {
flex: 1 1 45%;
min-width: 280px;
background-color: #FFFFFF;
padding: 20px;
border-radius: 10px;
box-shadow: 0 4px 10px rgba(0,0,0,0.1);
border: 1px solid #D6EAF8; /* Default border */
}

.infographic-item:nth-child(1) { /* Specific style for the first item (Qualitative) */
border: 1px solid #D6EAF8;
}

.infographic-item:nth-child(2) { /* Specific style for the second item (Quantitative) */
border: 1px solid #FADBD8;
}

.infographic-item p.icon {
font-size: 3em;
margin: 0;
}

.infographic-item ul {
list-style: none;
padding: 0;
margin-top: 15px;
text-align: right; /* RTL alignment */
font-size: 0.95em;
color: #5D6D7E;
margin-left: 0; /* Override default list margin */
}

/* FAQ section */
.faq-container {
background-color: #F8F9F9;
padding: 20px;
border-radius: 8px;
margin-bottom: 30px;
border: 1px dashed #BDC3C7;
}
.faq-container h3 {
color: #2C3E50;
margin-top: 0;
margin-bottom: 15px;
font-weight: 600;
}

/* Conclusion box */
.conclusion-box {
font-size: 1.15em;
margin-top: 30px;
text-align: center;
color: #2C3E50;
font-weight: bold;
padding: 15px;
background-color: #EBF5FB;
border-radius: 10px;
}

/* Ensuring responsive images (if any were added) */
img {
max-width: 100%;
height: auto;
display: block; /* Prevents extra space below images */
margin: 15px auto;
border-radius: 8px;
}

/* Specific strong tags within paragraphs */
p strong {
color: #2C3E50; /* Ensure strong text is visible */
}
.infographic-item strong {
color: #2C3E50; /* Ensure strong text in infographic is visible */
}