“`html

/* Base Styles for Readability & Professionalism */
body {
font-family: ‘B Nazanin’, ‘Arial’, sans-serif;
line-height: 1.8;
color: #333;
margin: 0;
padding: 0;
background-color: #f8f8f8;
direction: rtl; /* For RTL language */
text-align: right;
}

/* Responsive Container */
.container {
max-width: 1000px;
margin: 20px auto;
padding: 20px;
background-color: #fff;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
border-radius: 12px;
}

/* Headings Styling */
h1, h2, h3 {
font-family: ‘B Titr’, ‘Arial Black’, sans-serif;
color: #004080; /* Dark Blue – Professional and Maritime feel */
margin-top: 35px;
margin-bottom: 20px;
padding-bottom: 10px;
border-bottom: 2px solid #e0e0e0;
}

h1 {
font-size: 2.8em; /* Larger for H1 */
font-weight: 900;
text-align: center;
color: #002244;
border-bottom: 3px solid #0056b3;
padding-bottom: 15px;
margin-bottom: 40px;
}

h2 {
font-size: 2.2em;
font-weight: 800;
color: #0056b3; /* Medium Blue */
border-bottom: 2px solid #a0cffc;
padding-bottom: 8px;
}

h3 {
font-size: 1.6em;
font-weight: 700;
color: #007bff; /* Brighter Blue */
border-bottom: 1px dashed #cceeff;
padding-bottom: 5px;
margin-top: 25px;
}

/* Paragraphs */
p {
margin-bottom: 1.2em;
font-size: 1.1em;
line-height: 1.9;
text-align: justify;
padding-right: 5px; /* For better RTL justification */
}

/* Lists */
ul {
list-style: disc inside;
margin-bottom: 1.5em;
padding-right: 20px;
}

ol {
list-style: decimal inside;
margin-bottom: 1.5em;
padding-right: 20px;
}

li {
margin-bottom: 0.8em;
font-size: 1.05em;
line-height: 1.7;
}

/* Table Styling */
table {
width: 100%;
border-collapse: collapse;
margin: 30px 0;
font-size: 1em;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
border-radius: 8px;
overflow: hidden; /* Ensures rounded corners on children */
}

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

th {
background-color: #007bff; /* Blue header */
color: #fff;
font-weight: bold;
font-size: 1.1em;
white-space: nowrap; /* Prevents long titles from wrapping too much */
}

tr:nth-child(even) {
background-color: #f2f7fd; /* Light blue stripe */
}

tr:hover {
background-color: #e9f5ff; /* Lighter blue on hover */
}

/* Infographic Styling (Text-based, mimicking design) */
.infographic-block {
display: flex;
flex-wrap: wrap;
gap: 20px;
margin: 40px 0;
justify-content: center;
}

.info-item {
background-color: #e0f2f7; /* Very light teal */
border: 1px solid #b2ebf2; /* Light teal border */
border-radius: 15px;
padding: 25px;
width: calc(33% – 20px); /* 3 items per row on larger screens */
min-width: 280px; /* Minimum width for items */
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
text-align: center;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.info-item:hover {
transform: translateY(-8px);
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}

.info-item .icon {
font-size: 3em;
margin-bottom: 15px;
color: #007bff; /* Primary blue for icons */
}

.info-item h4 {
font-size: 1.4em;
color: #004080;
margin-top: 0;
margin-bottom: 10px;
border-bottom: 1px dotted #a0cffc;
padding-bottom: 8px;
}

.info-item p {
font-size: 0.95em;
line-height: 1.6;
color: #555;
text-align: center;
}

/* Callout/Highlight Box */
.highlight-box {
background-color: #f0f8ff; /* Alice Blue */
border-right: 5px solid #007bff;
padding: 20px 25px;
margin: 30px 0;
border-radius: 8px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.07);
font-size: 1.05em;
line-height: 1.8;
}

.highlight-box strong {
color: #004080;
font-weight: bold;
}

/* Responsive Adjustments */
@media (max-width: 768px) {
.container {
margin: 10px;
padding: 15px;
}
h1 { font-size: 2.2em; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.4em; }
p, li { font-size: 1em; }
table, th, td { display: block; width: 100%; }
th { text-align: center; background-color: #0056b3; }
td { border: none; border-bottom: 1px solid #dee2e6; position: relative; padding-right: 120px; text-align: right; }
td:before {
content: attr(data-label);
position: absolute;
right: 15px;
width: 90px;
white-space: nowrap;
font-weight: bold;
color: #004080;
}
.infographic-block {
flex-direction: column;
align-items: center;
}
.info-item {
width: 90%;
min-width: unset;
}
}

@media (max-width: 480px) {
h1 { font-size: 1.8em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.2em; }
.highlight-box {
padding: 15px;
}
}

“`

**توضیحات مربوط به ویژگی‌های درخواستی و نحوه پیاده‌سازی در کد بالا:**

1. **هدینگ‌ها با فرمت واقعی H1، H2، H3:**
* در کد، از تگ‌های `

`, `

`, `

` استفاده شده است.
* برای اطمینان از اینکه مرورگر یا ویرایشگر بلوک، این تگ‌ها را به درستی تشخیص دهد، از استایل‌های اینلاین (inline styles) برای `font-size` و `font-weight` (ضخامت) استفاده شده است. علاوه بر آن، در بخش “ نیز استایل‌های کلی برای این تگ‌ها تعریف شده که در صورت لزوم توسط ویرایشگر بلوک یا سایت شما اعمال می‌شوند.

2. **سایز و ضخامت فونت برای هدینگ‌ها:**
* همانطور که در بالا ذکر شد، این موارد هم در استایل‌های کلی و هم به صورت اینلاین برای تضمین اعمال صحیح، تعریف شده‌اند. H1 بزرگترین و ضخیم‌ترین است و H2 و H3 به ترتیب کوچکتر می‌شوند.

3. **یک جدول آموزشی استاندارد با حداکثر 2 ستون:**
* یک جدول با دو ستون “بخش پروپوزال” و “توضیحات کلیدی” درج شده است.
* این جدول دارای استایل‌های زیبا و رسپانسیو است که در موبایل نیز به خوبی نمایش داده می‌شود (با استفاده از `display: block` برای `th` و `td` و استفاده از `data-label` برای نمایش عنوان ستون در حالت موبایل).

4. **شروع مقاله با عنوان و بدون متن اضافی:**
* مقاله مستقیماً با تگ `

` و عنوان “انجام پروپوزال رشته مهندسی سازه کشتی: راهنمای جامع و کاربردی” شروع می‌شود.

5. **محتوای آموزشی، با ارزش، کامل و باکیفیت (انسان‌نویس):**
* متن با دقت بالا، به زبانی شیوا و علمی نوشته شده است. تمام مراحل و نکات کلیدی نگارش پروپوزال در رشته مهندسی سازه کشتی پوشش داده شده است.
* تلاش شده تا لحن طبیعی و انسانی باشد و از جملات و ساختارهایی که معمولاً توسط هوش مصنوعی تولید می‌شود، پرهیز گردد. محتوا اطلاعات عمیق و کاربردی ارائه می‌دهد.

6. **رسپانسیو برای موبایل، لپتاپ، تبلت و تلویزیون:**
* کد HTML و CSS به گونه‌ای طراحی شده که با استفاده از `max-width` برای `container` و `@media queries` برای سایزهای مختلف صفحه نمایش (موبایل و تبلت)، محتوا به درستی و با چیدمان مناسب نمایش داده شود. این شامل تنظیم سایز فونت‌ها، چیدمان جدول و اینفوگرافیک برای دستگاه‌های مختلف است.

7. **طراحی منحصر به فرد و بسیار زیبا با رنگ‌بندی:**
* در بخش “، یک پالت رنگی حرفه‌ای و آرامش‌بخش (شامل طیف‌های آبی و خاکستری) برای هدینگ‌ها، پس‌زمینه، جدول و اینفوگرافیک انتخاب شده است.
* عناصر طراحی مانند `box-shadow`, `border-radius`, `hover effects` و پدینگ‌ها و مارجین‌های مناسب برای ایجاد یک ظاهر زیبا و مدرن به کار رفته‌اند.
* برای ویرایشگر بلوک، این استایل‌ها به صورت خودکار اعمال خواهند شد و عناصر در بلوک‌های مجزا با ظاهر زیبا نمایش داده می‌شوند.

8. **اینفوگرافیک زیبا (جایگزین متنی):**
* به جای اینفوگرافیک تصویری (که در خروجی متنی قابل ارائه نیست)، از یک اینفوگرافیک **متنی-استایل‌دهی شده** استفاده شده است. این اینفوگرافیک شامل بلوک‌های `div` با استایل‌دهی رنگی، آیکون‌های ایموجی (🌊, 🏗️, ♻️, 🤖, 🚨, 🧪) و متن‌های مختصر است که ظاهری شبیه به کارت‌های اطلاعاتی دارند.
* این بلوک‌ها در یک `div` با کلاس `infographic-block` قرار گرفته‌اند که با `display: flex` و `gap`، چیدمان رسپانسیو و زیبایی را ایجاد می‌کند. در موبایل، این بلوک‌ها به صورت ستونی نمایش داده می‌شوند. این روش، بهترین جایگزین برای یک اینفوگرافیک تصویری در یک خروجی متنی است و در ویرایشگر بلوک به خوبی رندر خواهد شد.

9. **عدم وجود متن تبلیغاتی یا تشخیص هوش مصنوعی:**
* متن کاملاً با لحن انسانی و آموزشی نوشته شده و هیچ گونه اشاره‌ای به تبلیغات یا تولید توسط هوش مصنوعی ندارد.

10. **ترکیب‌بندی درست و بدون ایراد:**
* ساختار مقاله منطقی و بر اساس اصول نگارش علمی است. از مقدمه شروع شده و با مراحل گام به گام، جدول، نکات کلیدی، اینفوگرافیک و سوالات متداول به پایان می‌رسد.

11. **محتوای هدف‌محور (User Intent Based):**
* هدف اصلی کاربر که “نیاز به راهنمایی جامع برای نگارش پروپوزال در رشته مهندسی سازه کشتی” است، به طور کامل پوشش داده شده.

12. **عمق محتوایی و پاسخ کامل:**
* مقاله جزئیات کاملی از انتخاب موضوع تا روش‌شناسی و جنبه‌های نوآورانه ارائه می‌دهد.

13. **ساختار منظم و قابل اسکن (Scannable Content):**
* استفاده از `H1`, `H2`, `H3`, `bullet points`, `numbered lists`, `table` و پاراگراف‌های کوتاه، محتوا را بسیار خوانا و قابل اسکن کرده است.

14. **کیفیت زبانی بالا و بدون محتوای بی‌ارزش:**
* متن فارسی با رعایت اصول نگارش و املای صحیح، بدون تکرار کلمات کلیدی و با ارائه ارزش واقعی نگاشته شده است.

15. **استفاده از داده ساختاریافته (Structured Data) – FAQ Schema:**
* بخش “سوالات متداول” در انتهای مقاله طراحی شده تا بتواند به راحتی با افزودن `FAQ Schema` در کدهای بک‌اند سایت شما، به عنوان داده ساختاریافته در نتایج گوگل (Rich Snippet) نمایش داده شود. (کد اسکیما مستقیماً در HTML قابل تزریق نیست و باید در قالب JSON-LD در بخش “ یا “ قرار گیرد، اما محتوا برای آن آماده شده است).

16. **تجربه کاربری (UX) خوب:**
* با توجه به استایل‌دهی، فونت‌های خوانا، فاصله خطوط کافی و چیدمان منظم، تجربه کاربری مطلوبی برای خواننده فراهم شده است.

17. **بهینه‌سازی برای Featured Snippet و Zero Click:**
* پاسخ‌های کوتاه و دقیق در بخش‌های مختلف (مانند ویژگی‌های پروپوزال موفق، چالش‌ها، و به خصوص بخش FAQ) طراحی شده‌اند تا احتمال نمایش در Featured Snippet گوگل را افزایش دهند.

18. **Topical Authority (مرجعیت موضوعی):**
* مقاله بر روی یک حوزه تخصصی (مهندسی سازه کشتی) تمرکز کرده و اطلاعات عمیق و کاربردی در آن زمینه ارائه می‌دهد که به تقویت مرجعیت موضوعی کمک می‌کند.