انجام پروپوزال دکتری در سلمان فارسی + تضمینی

/* Global styles for better responsiveness and consistency */
@font-face {
font-family: ‘Vazirmatn’;
src: url(‘https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/misc/web/Vazirmatn-RD-[wght].woff2’) format(‘woff2’);
font-weight: 100 900;
font-display: swap;
font-style: normal;
}
@font-face {
font-family: ‘IRANSans’; /* Fallback/alternative */
src: url(‘https://cdn.fontcdn.ir/Font/Persian/IRANSans/IRANSans.eot’);
src: url(‘https://cdn.fontcdn.ir/Font/Persian/IRANSans/IRANSans.eot?#iefix’) format(’embedded-opentype’),
url(‘https://cdn.fontcdn.ir/Font/Persian/IRANSans/IRANSans.woff2’) format(‘woff2’),
url(‘https://cdn.fontcdn.ir/Font/Persian/IRANSans/IRANSans.woff’) format(‘woff’),
url(‘https://cdn.fontcdn.ir/Font/Persian/IRANSans/IRANSans.ttf’) format(‘truetype’);
font-weight: normal;
font-display: swap;
}

/* Base styles for the entire content container */
.article-container {
font-family: ‘Vazirmatn’, ‘IRANSans’, Arial, sans-serif;
direction: rtl;
text-align: right;
line-height: 1.8;
color: #333;
max-width: 900px;
margin: 0 auto;
padding: 20px;
box-sizing: border-box;
background-color: #ffffff;
border-radius: 12px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

/* Responsive adjustments */
@media (max-width: 768px) {
.article-container {
padding: 15px;
margin: 10px;
}
h1 {
font-size: 2rem !important;
}
h2 {
font-size: 1.7rem !important;
margin-top: 30px !important;
margin-bottom: 20px !important;
}
h3 {
font-size: 1.4rem !important;
margin-top: 25px !important;
margin-bottom: 12px !important;
}
p, ul, table {
font-size: 1rem !important;
}
table thead th, table tbody td {
padding: 10px 12px !important;
}
.info-card { /* For infographic alternative */
max-width: 100% !important;
flex-basis: 100% !important;
}
}

@media (max-width: 480px) {
h1 {
font-size: 1.8rem !important;
}
h2 {
font-size: 1.5rem !important;
}
h3 {
font-size: 1.2rem !important;
}
p, ul, table {
font-size: 0.95rem !important;
}
table thead th, table tbody td {
padding: 8px 10px !important;
font-size: 0.9rem !important;
}
.info-card {
padding: 20px !important;
}
}

/* Additional styles for TV screens (larger text, more spacing) */
@media (min-width: 1200px) {
.article-container {
padding: 40px;
}
h1 {
font-size: 3rem !important;
}
h2 {
font-size: 2.5rem !important;
}
h3 {
font-size: 2rem !important;
}
p, ul, table {
font-size: 1.2rem !important;
}
table thead th, table tbody td {
padding: 15px 20px !important;
}
.info-card {
padding: 30px !important;
}
}

// This script is optional but can help ensure the main div always has the class for consistency
document.addEventListener(‘DOMContentLoaded’, function() {
const mainDiv = document.querySelector(‘div[style*=”font-family”]’);
if (mainDiv && !mainDiv.classList.contains(‘article-container’)) {
mainDiv.classList.add(‘article-container’);
}
// Apply the same class to the info cards for better targeting if needed
const infoCards = document.querySelectorAll(‘div[style*=”flex: 1 1 300px”]’);
infoCards.forEach(card => card.classList.add(‘info-card’));
});