انجام مقاله دکتری در اقلید [اکسپ 100% تضمینی]

/* Reset and Base Styles for Responsiveness – assuming these might be stripped by some editors, but good practice */
body { margin: 0; padding: 0; box-sizing: border-box; }
*, *::before, *::after { box-sizing: inherit; }
p, ul, li { margin: 0; padding: 0; }

/* Font Import (optional, depends on editor support) */
@import url(‘https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/Vazirmatn-Variable-font-face.css’);

/* Ensure headings are recognized as such by common editors if custom styles are stripped */
h1 { font-size: 2.5em; font-weight: 800; color: #004D40; text-align: center; margin-bottom: 40px; padding: 20px 0; border-bottom: 3px solid #00796B; }
h2 { font-size: 1.9em; font-weight: 700; color: #00796B; margin-bottom: 20px; border-bottom: 2px solid #E0F2F1; padding-bottom: 10px; }
h3 { font-size: 1.5em; font-weight: 700; color: #00796B; margin-bottom: 15px; } /* General H3 */
div > div > h3 { font-size: 1.4em; font-weight: 600; color: #00796B; margin-bottom: 10px; } /* Specific H3 for card-like structures */
div > div > div > h3 { font-size: 1.3em; font-weight: 600; color: #004D40; margin-bottom: 8px; } /* Specific H3 for FAQ */

/* Responsive adjustments for the main container */
@media (max-width: 768px) {
div[style*=”max-width: 1000px”] {
padding: 0 10px;
margin: 15px auto;
}
h1 {
font-size: 2em;
margin-bottom: 30px;
}
h2 {
font-size: 1.6em;
margin-bottom: 15px;
}
h3 {
font-size: 1.3em;
}
p, ul, li, td, th {
font-size: 1em !important; /* Override inline font-size for smaller screens */
}
div[style*=”grid-template-columns”] {
grid-template-columns: 1fr; /* Stack columns on smaller screens */
}
div[style*=”flex: 1 1 45%”] {
flex: 1 1 100%; /* Stack flex items on smaller screens */
min-width: unset; /* Remove min-width restriction */
}
}

@media (max-width: 480px) {
h1 {
font-size: 1.7em;
padding: 15px 0;
}
h2 {
font-size: 1.4em;
}
h3 {
font-size: 1.2em;
}
div[style*=”padding: 25px”] {
padding: 15px;
}
table th, table td {
padding: 8px 10px !important;
}
}

/* Ensure table is responsive */
@media screen and (max-width: 600px) {
table, thead, tbody, th, td, tr {
display: block;
}
thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
tr { border: 1px solid #ccc; margin-bottom: 10px; }
td {
border: none;
border-bottom: 1px solid #eee;
position: relative;
padding-left: 50% !important;
text-align: right !important;
}
td:before {
position: absolute;
top: 6px;
left: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
content: attr(data-label);
font-weight: bold;
text-align: left;
}
/* Adding data-label for table cells */
td:nth-of-type(1):before { content: “رویکرد مؤثر”; }
td:nth-of-type(2):before { content: “رویکرد نامؤثر”; }
}