نگارش و انجام مقاله رشته مطالعات کشورهای آلمانی زبان + اکسپت و پاپلیش تضمینی

/* Basic Reset & Font for better compatibility, though inline styles are primary */
body { margin: 0; padding: 0; font-family: ‘B Nazanin’, Arial, sans-serif; }
/* This style block ensures fonts are loaded and rendered correctly, even if specific font is not available, it falls back to a common serif/sans-serif */
@font-face {
font-family: ‘B Nazanin’;
src: url(‘https://cdn.fontmirror.com/upload/fonts/b/BNazanin/BNazanin.ttf’) format(‘truetype’); /* Example: Link to font if available */
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: ‘B Nazanin’;
src: url(‘https://cdn.fontmirror.com/upload/fonts/b/BNazanin/BNazaninBd.ttf’) format(‘truetype’); /* Example: Link to bold font */
font-weight: bold;
font-style: normal;
}

/* General responsive adjustments – these are suggestions for a real website CSS, inline styles are more robust for copy-paste */
/* For smaller screens, adjust padding and font sizes slightly */
@media (max-width: 768px) {
h1 { font-size: 2.2em !important; padding: 15px 10px !important; }
h2 { font-size: 1.8em !important; margin-top: 30px !important; margin-bottom: 20px !important; }
h3 { font-size: 1.4em !important; margin-top: 25px !important; margin-bottom: 12px !important; }
p, li, td { font-size: 0.95em !important; line-height: 1.7 !important; }
div[style*=”max-width: 900px”] { padding: 15px !important; }
table th, table td { padding: 8px 10px !important; }
div[style*=”border: 2px dashed”] { padding: 20px !important; }
div[style*=”margin-bottom: 20px;”] p { font-size: 1.2em !important; }
}

/* Further adjustments for mobile phones */
@media (max-width: 480px) {
h1 { font-size: 1.8em !important; padding: 10px 5px !important; }
h2 { font-size: 1.6em !important; margin-top: 25px !important; margin-bottom: 15px !important; }
h3 { font-size: 1.2em !important; margin-top: 20px !important; margin-bottom: 10px !important; }
p, li, td { font-size: 0.9em !important; line-height: 1.6 !important; }
div[style*=”max-width: 900px”] { padding: 10px !important; }
div[style*=”border: 2px dashed”] { padding: 15px !important; }
div[style*=”margin-bottom: 20px;”] p { font-size: 1.1em !important; }
table { display: block; overflow-x: auto; } /* Makes table scrollable on small screens */
table thead, table tbody, table th, table td, table tr { display: block; } /* Stacks table cells */
table tr { margin-bottom: 10px; border: 1px solid #ddd; }
table td { text-align: right !important; padding-left: 50%; position: relative; }
table td::before { content: attr(data-label); position: absolute; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; font-weight: bold; } /* Adds labels to stacked cells */
}
/* Adding data-label attributes for mobile table responsiveness. This needs to be done manually or via JS in a real CMS */
/* For copy-paste, I’ll rely on the simple table structure to break less, as complex CSS for table conversion might not carry over. */
/* The max-width: 2 columns is inherently more mobile-friendly. */

“`