/* Base Styles for Readability and Responsiveness */
body {
font-family: ‘Arial’, sans-serif; /* Fallback font */
line-height: 1.6;
color: #333;
margin: 0;
padding: 0;
background-color: #f8f8f8; /* Light background for the page */
direction: rtl; /* Right-to-left for Persian */
text-align: right; /* Align text to the right */
}

/* @font-face for Persian font (Example, user needs to host the font) */
/*
@font-face {
font-family: ‘B Nazanin’;
src: url(‘path/to/BNazanin.eot’);
src: url(‘path/to/BNazanin.eot?#iefix’) format(’embedded-opentype’),
url(‘path/to/BNazanin.woff2’) format(‘woff2’),
url(‘path/to/BNazanin.woff’) format(‘woff’),
url(‘path/to/BNazanin.ttf’) format(‘truetype’);
font-weight: normal;
font-style: normal;
}
*/

.container {
max-width: 960px;
margin: 20px auto;
padding: 20px;
background-color: #fff; /* White background for the content area */
border-radius: 8px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
box-sizing: border-box; /* Include padding in width calculation */
}

/* Heading Styles */
h1 {
font-family: ‘B Nazanin’, ‘Arial Black’, sans-serif; /* Example Persian font, fallback to Arial Black */
font-size: 2.8em; /* Responsive font size */
color: #0056b3; /* Professional blue */
text-align: center;
margin-bottom: 40px;
line-height: 1.2;
}

h2 {
font-family: ‘B Nazanin’, ‘Tahoma’, sans-serif; /* Example Persian font, fallback to Tahoma */
font-size: 2.2em;
color: #0056b3;
border-bottom: 2px solid #e0e0e0;
padding-bottom: 10px;
margin-top: 35px;
margin-bottom: 25px;
}

h3 {
font-family: ‘B Nazanin’, ‘Tahoma’, sans-serif; /* Example Persian font, fallback to Tahoma */
font-size: 1.8em;
color: #007bff; /* Slightly lighter blue */
margin-top: 30px;
margin-bottom: 15px;
}

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

ul {
list-style-type: disc;
padding-right: 25px;
margin-bottom: 1em;
font-size: 1.05em;
}

ol {
list-style-type: decimal;
padding-right: 25px;
margin-bottom: 1em;
font-size: 1.05em;
}

li {
margin-bottom: 0.6em;
}

/* Table Styles */
table {
width: 100%;
border-collapse: collapse;
margin: 30px 0;
font-size: 1em;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

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

th {
background-color: #007bff; /* Header background color */
color: #fff;
font-weight: bold;
text-align: center; /* Center header text */
}

tr:nth-child(even) {
background-color: #f9f9f9; /* Zebra striping for rows */
}

tr:hover {
background-color: #f1f1f1;
}

/* Infographic Style (Text-based visual) */
.infographic-box {
background-color: #e6f7ff; /* Light blue background for infographic */
border-left: 5px solid #007bff;
padding: 25px;
margin: 40px 0;
border-radius: 8px;
font-family: ‘Courier New’, monospace; /* Monospaced font for visual structure */
white-space: pre-wrap; /* Preserve whitespace and allow wrapping */
text-align: left; /* Align to left for ASCII art flow */
direction: ltr; /* Left-to-right for ASCII art */
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
.infographic-box h3 {
color: #0056b3;
text-align: right; /* Revert header to right for Persian */
direction: rtl;
font-family: ‘B Nazanin’, ‘Tahoma’, sans-serif;
margin-top: 0;
margin-bottom: 20px;
border-bottom: 1px dashed #a0d9f7;
padding-bottom: 10px;
}
.infographic-item {
margin-bottom: 15px;
color: #333;
font-size: 1.0em;
line-height: 1.5;
direction: rtl; /* Revert content back to right-to-left */
text-align: right;
font-family: ‘B Nazanin’, ‘Arial’, sans-serif; /* Example Persian font */
}
.infographic-item strong {
color: #0056b3;
}

/* Responsive Adjustments */
@media (max-width: 768px) {
h1 {
font-size: 2.2em;
}
h2 {
font-size: 1.8em;
}
h3 {
font-size: 1.5em;
}
.container {
margin: 10px auto;
padding: 15px;
}
table, thead, tbody, th, td, tr {
display: block;
}
th {
display: none; /* Hide table headers (but keep their content for accessibility if needed) */
}
td {
border: none;
border-bottom: 1px solid #eee;
position: relative;
padding-left: 50%; /* Space for the label */
text-align: right;
}
td:before {
content: attr(data-label);
position: absolute;
right: 15px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
font-weight: bold;
color: #0056b3;
}
tr {
margin-bottom: 15px;
border: 1px solid #ddd;
display: block;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}
.infographic-box {
padding: 15px;
text-align: right; /* Revert to right for mobile for better flow */
direction: rtl;
}
}

@media (max-width: 480px) {
h1 {
font-size: 1.8em;
}
h2 {
font-size: 1.5em;
}
h3 {
font-size: 1.3em;
}
p, ul, ol, li, table, .infographic-item {
font-size: 1em;
}
.container {
padding: 10px;
}
td:before {
font-size: 0.9em;
}
}

/* General Styling for Content Quality */
strong {
color: #0056b3; /* Highlight important text */
}
em {
font-style: normal; /* Override italic for Persian emphasis, if needed */
color: #007bff;
}
.highlight-section {
background-color: #f0f8ff; /* Lightest blue background for emphasis */
padding: 20px;
border-radius: 8px;
margin: 30px 0;
border-left: 4px solid #007bff;
}

+-------------------------------------------------+
|               هزینه پروپوزال                   |
|           مطالعات موزه (MUSEUM STUDIES)         |
+-------------------v-----------------------------+
|                                                 |
|  +---------------------------+                  |
|  |     ۱. پیچیدگی موضوع     |                  |
|  |     (نوآوری، ابعاد نظری)   |                  |
|  +-------------+-------------+                  |
|                |                                |
|                v                                |
|  +---------------------------+                  |
|  |     ۲. تخصص نگارنده     |                  |
|  |     (سابقه، دانش موزه)     |                  |
|  +-------------+-------------+                  |
|                |                                |
|                v                                |
|  +---------------------------+                  |
|  |    ۳. عمق مرور ادبیات   |                  |
|  |     (منابع داخلی/بین‌المللی) |                  |
|  +-------------+-------------+                  |
|                |                                |
|                v                                |
|  +---------------------------+                  |
|  |     ۴. طراحی روش تحقیق   |                  |
|  |     (کیفی، کمی، ابزار)     |                  |
|  +-------------+-------------+                  |
|                |                                |
|                v                                |
|  +---------------------------+                  |
|  |      ۵. فوریت زمان تحویل    |                  |
|  |     (پروژه‌های عجولانه)    |                  |
|  +-------------+-------------+                  |
|                                                 |
+-------------------------------------------------+