انجام رساله دکتری در گتوند + تضمینی

/* Basic reset for better compatibility */
body, h1, h2, h3, p, ul, table, thead, tbody, tr, th, td, div {
margin: 0;
padding: 0;
box-sizing: border-box;
}

/* Base font for the entire article, ensuring responsiveness */
body {
font-size: 16px; /* Default for desktop */
}

/* Responsive adjustments for smaller screens */
@media (max-width: 768px) {
.main-article-container {
padding: 15px;
margin: 10px auto;
}
h1 {
font-size: 28px !important;
margin-bottom: 20px !important;
}
h2 {
font-size: 24px !important;
margin-top: 30px !important;
margin-bottom: 20px !important;
}
h3 {
font-size: 20px !important;
margin-top: 25px !important;
margin-bottom: 10px !important;
}
p, ul, li, table {
font-size: 15px !important;
}
.infographic-block > p {
font-size: 25px !important;
}
.infographic-block p:nth-child(2) {
font-size: 16px !important;
}
.infographic-block p:nth-child(3) {
font-size: 13px !important;
}
table th, table td {
padding: 10px !important;
font-size: 15px !important;
}
.faq-item h3 {
font-size: 18px !important;
}
.faq-item p {
font-size: 15px !important;
}
}

@media (max-width: 480px) {
.main-article-container {
padding: 10px;
margin: 5px auto;
}
h1 {
font-size: 24px !important;
}
h2 {
font-size: 20px !important;
}
h3 {
font-size: 18px !important;
}
p, ul, li, table {
font-size: 14px !important;
}
.infographic-container div {
flex: 1 1 100% !important; /* Stack items vertically */
}
.infographic-block > p {
font-size: 22px !important;
}
.infographic-block p:nth-child(2) {
font-size: 15px !important;
}
.infographic-block p:nth-child(3) {
font-size: 12px !important;
}
table th, table td {
padding: 8px !important;
font-size: 14px !important;
}
.faq-item h3 {
font-size: 17px !important;
}
.faq-item p {
font-size: 14px !important;
}
}

/* Styles for Television (larger screens, assuming a viewing distance) */
@media (min-width: 1200px) {
.main-article-container {
max-width: 960px; /* Slightly wider for large screens */
}
h1 {
font-size: 38px !important;
}
h2 {
font-size: 32px !important;
}
h3 {
font-size: 26px !important;
}
p, ul, li, table {
font-size: 18px !important;
}
.infographic-block > p {
font-size: 35px !important;
}
.infographic-block p:nth-child(2) {
font-size: 19px !important;
}
.infographic-block p:nth-child(3) {
font-size: 16px !important;
}
table th, table td {
padding: 18px !important;
font-size: 19px !important;
}
.faq-item h3 {
font-size: 22px !important;
}
.faq-item p {
font-size: 18px !important;
}
}

/* Additional styles for better block editor display and general aesthetics */
.main-article-container {
font-family: ‘B Nazanin’, Arial, sans-serif; /* Fallback for font */
direction: rtl;
text-align: right;
line-height: 1.8;
max-width: 850px;
margin: 20px auto;
padding: 25px;
background-color: #FFFFFF;
border-radius: 12px;
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
}

/* Headings styles */
h1 {
font-size: 34px;
font-weight: 800;
color: #0056B3; /* Dark Blue */
text-align: center;
margin-bottom: 35px;
padding-bottom: 15px;
border-bottom: 3px solid #FFC107; /* Gold/Yellow accent */
}

h2 {
font-size: 28px;
font-weight: 700;
color: #0056B3;
margin-top: 40px;
margin-bottom: 25px;
padding-bottom: 10px;
border-bottom: 2px solid #EEE;
}

h3 {
font-size: 22px;
font-weight: 600;
color: #007BFF; /* Lighter Blue */
margin-top: 30px;
margin-bottom: 15px;
}

/* Paragraph styles */
p {
font-size: 17px;
color: #333333;
margin-bottom: 20px;
}

/* Callout/Highlight Box */
.highlight-box {
background-color: rgba(0, 86, 179, 0.05);
border-left: 5px solid #0056B3;
padding: 18px 25px;
margin-bottom: 30px;
border-radius: 8px;
}
.highlight-box p {
font-size: 16.5px;
color: #222222;
margin: 0;
}

/* List styles */
ul {
font-size: 16.5px;
color: #333333;
list-style-position: inside; /* Keeps bullets inside for better alignment */
padding-right: 25px;
margin-bottom: 20px;
}
ul li {
margin-bottom: 8px;
}
ul[style*=”circle”] li { list-style-type: circle; }
ul[style*=”square”] li { list-style-type: square; }
ul[style*=”disc”] li { list-style-type: disc; }

/* Infographic alternative styling */
.infographic-container {
background-color: #F0F8FF; /* Light blue background */
padding: 25px;
border-radius: 10px;
margin-top: 35px;
margin-bottom: 40px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}
.infographic-container h3 {
color: #0056B3;
text-align: center;
margin-bottom: 25px;
}
.infographic-steps {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 20px; /* Space between blocks */
}
.infographic-block {
flex: 1 1 calc(33% – 40px); /* 3 items per row, with gap */
min-width: 250px; /* Minimum width for stacking */
background-color: #E6F3FF;
padding: 20px;
border-radius: 8px;
border: 1px solid #B3D9FF;
text-align: center;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}
.infographic-block > p:first-child { /* Emoji */
font-size: 30px;
margin-bottom: 10px;
}
.infographic-block p:nth-child(2) { /* Step Title */
font-weight: bold;
color: #0056B3;
font-size: 17px;
margin-bottom: 5px;
}
.infographic-block p:nth-child(3) { /* Description */
font-size: 14px;
color: #555;
}

/* Table styles */
table {
width: 100%;
border-collapse: collapse;
min-width: 500px; /* Ensures table is not too narrow on small screens */
margin-top: 30px;
margin-bottom: 30px;
}
table thead tr {
background-color: #0056B3;
color: #FFFFFF;
}
table th, table td {
padding: 15px;
border: 1px solid #ddd;
text-align: right;
font-size: 16.5px;
}
table th {
font-weight: bold;
font-size: 18px;
}
table tbody tr:nth-child(even) {
background-color: #F8F8F8; /* Zebra striping */
}
table tbody tr:hover {
background-color: #F0F0F0;
}
/* Rounded corners for table headers */
table thead tr th:first-child {
border-top-left-radius: 8px;
border-bottom-left-radius: 8px; /* For potential single-row tables or better visual */
}
table thead tr th:last-child {
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
}

/* FAQ section styling */
.faq-item {
background-color: #FBFBFB;
border: 1px solid #E0E0E0;
border-radius: 8px;
padding: 20px;
margin-bottom: 25px;
}
.faq-item h3 {
font-size: 20px;
font-weight: 600;
color: #333333;
margin-bottom: 12px;
margin-top: 0; /* Override default h3 margin-top */
}
.faq-item p {
font-size: 16.5px;
color: #555555;
margin-bottom: 0; /* No margin-bottom for last p in FAQ */
}