“`html

/* Import a legible Persian font for a modern look */
@import url(‘https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;600;700;800&display=swap’);

/* Base Body Styles */
body {
font-family: ‘Vazirmatn’, sans-serif;
line-height: 1.8;
color: #333; /* Dark grey for general text */
background-color: #f8fbfd; /* Very light blue-grey background */
margin: 0;
padding: 0;
direction: rtl; /* Right-to-left for Persian */
text-align: right;
overflow-x: hidden; /* Prevent horizontal scroll on small screens */
}

/* Main Container for content */
.container {
max-width: 960px; /* Optimal width for readability */
margin: 30px auto; /* Center the container with space */
padding: 20px 30px;
background-color: #ffffff; /* White background for content */
border-radius: 12px; /* Soft rounded corners */
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08); /* Subtle shadow for depth */
border: 1px solid #e0e8f0; /* Light border */
}

/* Heading Styles */
h1 {
font-size: 2.8em; /* Large size for main title */
font-weight: 800; /* Extra bold */
color: #1a2a47; /* Deep dark blue for prominence */
margin-bottom: 25px;
padding-bottom: 15px;
border-bottom: 3px solid #007bff; /* Blue accent underline */
text-align: center;
line-height: 1.3;
}

h2 {
font-size: 2.2em; /* Prominent size for main sections */
font-weight: 700; /* Bold */
color: #1a2a47;
margin-top: 45px;
margin-bottom: 20px;
padding-right: 15px;
border-right: 5px solid #4CAF50; /* Green accent border for h2 */
line-height: 1.4;
}

h3 {
font-size: 1.7em; /* Smaller but still distinct for sub-sections */
font-weight: 600; /* Semi-bold */
color: #2c3e50; /* Slightly lighter dark blue */
margin-top: 35px;
margin-bottom: 15px;
padding-right: 10px;
line-height: 1.5;
}

/* Paragraph and List Styles */
p {
margin-bottom: 18px;
line-height: 1.9; /* Generous line-height for readability */
}

ul, ol {
margin-bottom: 20px;
padding-right: 25px;
line-height: 1.8;
}

ul li {
list-style: disc; /* Standard disc for unordered lists */
margin-bottom: 10px;
color: #555; /* Slightly lighter text color for list items */
}

ol li {
list-style: decimal; /* Standard decimal for ordered lists */
margin-bottom: 10px;
color: #555;
}

/* Table of Contents Styling */
.toc {
background-color: #eef4f8; /* Light blue-grey background */
border-right: 5px solid #007bff; /* Blue accent border */
padding: 20px 25px;
margin-bottom: 40px;
border-radius: 8px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.toc h3 {
color: #1a2a47;
margin-top: 0;
margin-bottom: 15px;
font-size: 1.8em;
border-right: none; /* Override h3 border */
padding-right: 0;
text-align: center;
}

.toc ul {
list-style: none; /* Remove default bullet */
padding: 0;
margin: 0;
}

.toc ul li {
margin-bottom: 10px;
text-align: right;
border-bottom: 1px dotted #e0e0e0; /* Subtle separator */
padding-bottom: 8px;
}
.toc ul li:last-child {
border-bottom: none;
}

.toc ul li a {
color: #007bff; /* Blue for links */
text-decoration: none;
font-weight: 500;
transition: color 0.3s ease; /* Smooth hover effect */
}

.toc ul li a:hover {
color: #0056b3; /* Darker blue on hover */
text-decoration: underline;
}

/* Table Styling */
table {
width: 100%;
border-collapse: collapse;
margin: 30px 0;
font-size: 0.95em;
background-color: #fefefe;
border-radius: 8px;
overflow: hidden; /* Ensure rounded corners for internal elements */
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.07);
}

th, td {
border: 1px solid #e0e0e0;
padding: 15px 20px;
text-align: right;
}

th {
background-color: #007bff; /* Blue header */
color: white;
font-weight: 600;
font-size: 1.1em;
white-space: nowrap; /* Prevent wrapping for column headers */
}

tr:nth-child(even) {
background-color: #f6faff; /* Lighter blue-grey for even rows */
}

tr:hover {
background-color: #e6f0ff; /* Light blue hover effect */
}

/* Infographic Alternative Styling (HTML/CSS based visual) */
.infographic-section {
display: flex;
flex-wrap: wrap; /* Allow cards to wrap to next line */
gap: 25px; /* Space between cards */
margin: 40px 0;
justify-content: center; /* Center cards horizontally */
}

.infographic-card {
background-color: #eef4f8; /* Light blue-grey background */
border-left: 6px solid #4CAF50; /* Green accent border */
padding: 25px;
border-radius: 10px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
flex: 1 1 calc(50% – 25px); /* Two cards per row on larger screens, accounting for gap */
min-width: 300px; /* Minimum width for cards before stacking */
display: flex;
flex-direction: column;
align-items: flex-end; /* Align icon/text to the right */
text-align: right;
transition: transform 0.3s ease, box-shadow 0.3s ease; /* Smooth hover effect */
}

.infographic-card:hover {
transform: translateY(-5px); /* Lift effect on hover */
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12); /* Enhanced shadow on hover */
}

.infographic-card .icon {
font-size: 3.5em; /* Large emoji icon */
margin-bottom: 15px;
color: #4CAF50; /* Green color for icons */
}

.infographic-card h4 {
font-size: 1.5em;
color: #1a2a47;
margin-top: 0;
margin-bottom: 10px;
font-weight: 700;
}

.infographic-card p {
font-size: 1em;
color: #555;
margin-bottom: 0;
}

/* FAQ Section Styling */
.faq-section {
margin-top: 50px;
background-color: #f6faff; /* Slightly different light blue-grey */
padding: 30px;
border-radius: 12px;
border: 1px solid #e0e8f0;
}

.faq-item {
margin-bottom: 20px;
padding-bottom: 15px;
border-bottom: 1px dotted #ccc; /* Dotted separator between FAQs */
}

.faq-item:last-child {
border-bottom: none; /* No border for the last item */
margin-bottom: 0;
padding-bottom: 0;
}

.faq-question {
font-weight: 600;
font-size: 1.15em;
color: #1a2a47;
cursor: pointer; /* Indicate clickable element */
display: flex;
justify-content: space-between;
align-items: center;
padding: 5px 0;
}

.faq-question::after {
content: ‘▼’; /* Down arrow indicator */
margin-right: 10px;
transition: transform 0.3s ease;
font-size: 0.8em;
color: #007bff;
}

.faq-question.active::after {
transform: rotate(180deg); /* Up arrow when active */
}

.faq-answer {
font-size: 1em;
color: #555;
margin-top: 10px;
display: none; /* Hidden by default, JavaScript will toggle */
padding-right: 15px;
border-right: 3px solid #007bff; /* Blue border for answers */
overflow: hidden;
max-height: 0; /* For smooth reveal effect via JS */
transition: max-height 0.4s ease-out, padding-top 0.4s ease-out;
}
.faq-answer.show {
max-height: 200px; /* Adjust as needed, should be large enough to contain content */
padding-top: 10px;
}

/* Responsive Design using Media Queries */
/* For Tablets and smaller laptops */
@media (max-width: 992px) {
.container {
margin: 20px;
padding: 15px 20px;
}
h1 {
font-size: 2.4em;
}
h2 {
font-size: 2em;
}
h3 {
font-size: 1.5em;
}
}

/* For Mobile devices */
@media (max-width: 768px) {
.container {
margin: 15px;
padding: 15px;
}
h1 {
font-size: 2em;
margin-bottom: 20px;
padding-bottom: 10px;
border-bottom: 2px solid #007bff;
}
h2 {
font-size: 1.8em;
margin-top: 35px;
padding-right: 10px;
border-right: 4px solid #4CAF50;
}
h3 {
font-size: 1.4em;
margin-top: 25px;
padding-right: 5px;
}
.infographic-card {
flex: 1 1 100%; /* One card per row on smaller screens */
min-width: unset; /* Remove min-width constraint */
}
.toc h3 {
font-size: 1.6em;
}

/* Responsive Table Styling: Stack rows and add labels */
table, thead, tbody, th, td, tr {
display: block;
}
thead tr {
position: absolute;
top: -9999px; /* Hide table headers */
left: -9999px;
}
tr {
border: 1px solid #ccc;
margin-bottom: 15px;
border-radius: 8px;
overflow: hidden;
}
td {
border: none;
border-bottom: 1px solid #eee;
position: relative;
padding-right: 50%; /* Space for the label */
text-align: right;
padding-top: 10px;
padding-bottom: 10px;
}
td:before {
position: absolute;
top: 0px; /* Adjust alignment */
right: 10px;
width: 45%;
padding-left: 10px;
white-space: nowrap;
font-weight: 600;
color: #1a2a47;
box-sizing: border-box;
text-align: right;
content: attr(data-label); /* Use a data-label attribute for content */
}
/* Explicit data labels for table columns for accessibility and responsive display */
td:nth-of-type(1):before { content: “نظریه اخلاقی:”; }
td:nth-of-type(2):before { content: “رویکرد به مسئله:”; }
}

/* For very small mobile devices */
@media (max-width: 480px) {
h1 {
font-size: 1.7em;
padding-bottom: 10px;
}
h2 {
font-size: 1.5em;
margin-top: 30px;
padding-right: 10px;
}
h3 {
font-size: 1.2em;
margin-top: 25px;
padding-right: 5px;
}
.toc {
padding: 15px;
}
.infographic-card {
padding: 20px;
}
.infographic-card .icon {
font-size: 3em;
}
}

{
“@context”: “https://schema.org”,
“@type”: “Article”,
“headline”: “انجام پایان نامه رشته فلسفه اخلاق + تضمینی”,
“description”: “راهنمای جامع و علمی برای نگارش پایان نامه در رشته فلسفه اخلاق، شامل انتخاب موضوع، روش‌شناسی، و تضمین کیفیت.”,
“image”: “https://example.com/ethics-thesis-banner.jpg”,
“datePublished”: “2023-10-27T09:00:00+00:00”,
“dateModified”: “2023-10-27T09:00:00+00:00”,
“author”: {
“@type”: “Person”,
“name”: “متخصصین آکادمیک”
},
“publisher”: {
“@type”: “Organization”,
“name”: “مؤسسه پژوهشی”,
“logo”: {
“@type”: “ImageObject”,
“url”: “https://example.com/logo.png”
}
},
“mainEntityOfPage”: {
“@type”: “WebPage”,
“@id”: “https://example.com/ethics-thesis-guide”
}
}

{
“@context”: “https://schema.org”,
“@type”: “FAQPage”,
“mainEntity”: [
{
“@type”: “Question”,
“name”: “چگونه یک موضوع مناسب برای پایان نامه فلسفه اخلاق انتخاب کنم؟”,
“acceptedAnswer”: {
“@type”: “Answer”,
“text”: “انتخاب موضوع باید با علاقه شخصی شما همسو باشد، از اصالت کافی برخوردار باشد، قابل پژوهش و دفاع باشد، و منابع کافی برای آن در دسترس باشد. همچنین، بهتر است موضوعی را انتخاب کنید که بتوانید با نظریه‌های اخلاقی موجود ارتباط معناداری برقرار کنید.”
}
},
{
“@type”: “Question”,
“name”: “روش‌شناسی تحقیق در فلسفه اخلاق به چه صورت است؟”,
“acceptedAnswer”: {
“@type”: “Answer”,
“text”: “روش‌شناسی در فلسفه اخلاق معمولاً شامل تحلیل مفهومی، استدلال‌ورزی منطقی، نقد و بررسی آرای فیلسوفان برجسته، و در برخی موارد، بررسی موردی یا تحلیل گفتمان است. تمرکز بر انسجام استدلال و وضوح مفاهیم بسیار حیاتی است.”
}
},
{
“@type”: “Question”,
“name”: “مفهوم ‘تضمین’ در انجام پایان نامه فلسفه اخلاق به چه معناست؟”,
“acceptedAnswer”: {
“@type”: “Answer”,
“text”: “مفهوم ‘تضمین’ در این زمینه به معنای ارائه راهنمایی و مشاوره تخصصی در تمامی مراحل نگارش پایان‌نامه، از انتخاب موضوع تا دفاع، به گونه‌ای است که از کیفیت علمی، اصالت محتوا، و تطابق با استانداردهای دانشگاهی اطمینان حاصل شود. هدف، افزایش شانس موفقیت شما با ارائه یک کار علمی قوی و مستدل است.”
}
}
]
}

document.addEventListener(‘DOMContentLoaded’, function() {
const faqQuestions = document.querySelectorAll(‘.faq-question’);
faqQuestions.forEach(question => {
question.addEventListener(‘click’, function() {
const answer = this.nextElementSibling;
const isActive = this.classList.toggle(‘active’);

if (isActive) {
answer.style.display = ‘block’;
// Use a fixed max-height or scrollHeight for smooth transition
answer.style.maxHeight = answer.scrollHeight + ‘px’;
answer.classList.add(‘show’);
} else {
answer.style.maxHeight = ‘0’;
answer.classList.remove(‘show’);
// Hide display after transition if max-height is used for animation
setTimeout(() => {
if (!answer.classList.contains(‘show’)) {
answer.style.display = ‘none’;
}
}, 400); // Match transition duration
}
});
});
});

“`