# انجام رساله دکتری در شوط + تضمینی

/* Styling for Responsiveness and overall look – will be embedded or handled by block editor */
body {
font-family: ‘B Nazanin’, ‘Vazirmatn’, sans-serif; /* Example font stack */
line-height: 1.8;
color: #333;
background-color: #f9f9f9;
margin: 0;
padding: 0;
}
.container {
padding: 20px;
border-radius: 10px;
box-shadow: 0 4px 8px rgba(0,0,0,0.05);
max-width: 900px; /* Optimal width for readability */
margin: 20px auto;
background-color: #ffffff;
}
h1, h2, h3 {
color: #0056b3; /* Primary heading color */
margin-top: 30px;
margin-bottom: 20px;
text-align: right;
font-weight: bold;
}
h1 {
font-size: 2.5em; /* Larger for H1 */
border-bottom: none; /* H1 might not need a border bottom */
padding-bottom: 0;
}
h2 {
font-size: 2.2em; /* H2 size */
border-bottom: 2px solid #0056b3;
padding-bottom: 10px;
}
h3 {
font-size: 1.8em; /* H3 size */
color: #007bff; /* Secondary heading color */
margin-top: 25px;
margin-bottom: 15px;
}
p {
font-size: 1.1em;
margin-bottom: 15px;
text-align: justify;
}
ul {
list-style-type: decimal;
padding-right: 20px;
font-size: 1.05em;
margin-bottom: 15px;
}
li {
margin-bottom: 10px;
text-align: right;
}
table {
width: 100%;
border-collapse: collapse;
text-align: right;
font-family: ‘Vazirmatn’, sans-serif;
margin: 25px 0;
overflow-x: auto; /* For small screens */
}
th, td {
padding: 12px;
border: 1px solid #ddd;
}
th {
background-color: #007bff;
color: white;
font-weight: bold;
font-size: 1.1em;
}
td:nth-child(even) { /* Stripe effect */
background-color: #f2f2f2;
}
.infographic-block, .guarantee-block, .faq-block {
padding: 20px;
border-radius: 10px;
margin-top: 25px;
margin-bottom: 25px;
}
.infographic-block {
background-color: #f0f8f8;
border: 1px dashed #a0d8d8;
}
.infographic-item {
background-color: #ffffff;
padding: 15px;
border-radius: 8px;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
text-align: center;
border: 1px solid #d0e0e0;
flex: 1 1 300px; /* For responsive grid */
}
.guarantee-block {
background-color: #e6ffe6;
border-left: 5px solid #28a745;
}
.faq-block {
background-color: #fffaf0;
border-right: 5px solid #ffaa00;
}
/* Mobile responsiveness */
@media (max-width: 768px) {
h1 { font-size: 2em; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.4em; }
p, ul, table { font-size: 1em; }
.infographic-item { flex: 1 1 100%; } /* Stack items on small screens */
table, thead, tbody, th, td, tr {
display: block; /* Make table responsive by stacking cells */
}
thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
tr { border: 1px solid #ccc; }
td {
border: none;
border-bottom: 1px solid #eee;
position: relative;
padding-left: 50%;
text-align: right;
}
td:before {
position: absolute;
top: 6px;
left: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
content: attr(data-label); /* Use data-label for headers */
font-weight: bold;
}
/* Hide default stripe for responsive table */
td:nth-child(even) {
background-color: transparent;
}
}