“`html

“`
“`css
/* This CSS is for demonstration and conceptual understanding of responsiveness and styling.
The user requested inline styles for direct copy-paste into block editors, which is what the HTML provides.
This external CSS block is *not* part of the requested output, but shows how a global style
could enhance responsiveness for a real website. */

/* Basic Reset & Box-sizing */
body, h1, h2, h3, p, ul, ol, table, div {
margin: 0;
padding: 0;
box-sizing: border-box;
}

/* Base Font & Line Height */
body {
font-family: ‘Segoe UI’, Tahoma, Geneva, Verdana, sans-serif;
line-height: 1.8;
color: #34495E;
background-color: #F8F9FA;
}

/* Main Container */
div[style*=”max-width: 1200px”] { /* Targeting the main wrapper */
max-width: 1200px;
margin: 0 auto;
padding: 20px;
}

/* Headings */
h1 {
font-size: 2.5em;
font-weight: 700;
color: #2C3E50;
text-align: center;
margin-bottom: 40px;
padding-bottom: 20px;
border-bottom: 2px solid #ECF0F1;
}

h2 {
font-size: 1.8em;
font-weight: 600;
color: #3498DB;
margin-top: 0;
margin-bottom: 20px;
border-bottom: 1px dashed #ECF0F1;
padding-bottom: 10px;
}

h3 {
font-size: 1.4em;
font-weight: 600;
color: #2C3E50;
margin-top: 25px;
margin-bottom: 15px;
}

/* Section Styling */
div[style*=”background-color: #FFFFFF”] { /* Content sections */
background-color: #FFFFFF;
padding: 30px;
border-radius: 12px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
margin-bottom: 30px;
}

/* List Styling */
ul {
list-style-type: disc;
padding-left: 25px;
margin-bottom: 20px;
}

ul li {
margin-bottom: 8px;
}

ol {
list-style-type: decimal;
padding-left: 25px;
margin-bottom: 20px;
}

/* Table Styling */
table {
width: 100%;
border-collapse: collapse;
margin-bottom: 20px;
min-width: 400px; /* Ensures readability on small screens */
}

table th, table td {
padding: 12px;
border: 1px solid #ddd;
text-align: right;
}

table thead {
background-color: #3498DB;
color: white;
}

table tbody tr:nth-child(even) {
background-color: #F8F9FA;
}

/* Blockquote/Highlight Styling */
div[style*=”border-left: 5px solid #3498DB”],
div[style*=”border-left: 5px solid #F39C12″] {
padding: 15px;
margin-top: 20px;
border-radius: 8px;
margin-bottom: 20px;
}
div[style*=”border-left: 5px solid #3498DB”] {
background-color: #F0F8FF;
border-left-color: #3498DB;
}
div[style*=”border-left: 5px solid #F39C12″] {
background-color: #FDF9E5;
border-left-color: #F39C12;
}

/* Infographic/Visual Aid Section */
div[id=”section6″] {
background-color: #F0F8FF;
text-align: center;
padding: 30px;
border-radius: 12px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
margin-bottom: 30px;
border: 1px solid #D1EEFF; /* Lighter border for visual separation */
}

div[id=”section6″] > div[style*=”display: flex”] { /* Flex container for infographic items */
display: flex;
flex-wrap: wrap; /* Allows items to wrap on smaller screens */
justify-content: center;
gap: 20px;
margin-top: 20px;
}

div[id=”section6″] > div[style*=”display: flex”] > div { /* Individual infographic items */
flex: 1 1 280px; /* Flexible width, min 280px */
max-width: 320px; /* Max width to keep them from getting too wide */
background-color: #FFFFFF;
padding: 20px;
border-radius: 10px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
border: 1px solid #D1EEFF;
}

div[id=”section6″] > div[style*=”display: flex”] > div span { /* Icons */
font-size: 2.5em;
display: block;
margin-bottom: 10px;
}

/* Call to Action/Contact Info */
div[style*=”background-color: #2C3E50″] { /* Footer contact section */
background-color: #2C3E50;
color: white;
padding: 30px;
border-radius: 12px;
text-align: center;
}

div[style*=”background-color: #2C3E50″] a { /* Links in footer */
color: white;
text-decoration: none;
transition: color 0.3s ease;
}

div[style*=”background-color: #2C3E50″] a:hover {
color: #3498DB;
}

div[style*=”background-color: #2C3E50″] div[style*=”display: flex”] a { /* Phone number buttons */
background-color: #3498DB;
color: white;
padding: 12px 25px;
border-radius: 8px;
text-decoration: none;
font-weight: 600;
font-size: 1.1em;
transition: background-color 0.3s ease;
display: inline-block; /* Ensure they are block-like but flow inline */
}
div[style*=”background-color: #2C3E50″] div[style*=”display: flex”] a[href*=”09100911179″] {
background-color: #2ECC71; /* Green for quick call */
}

div[style*=”background-color: #2C3E50″] div[style*=”display: flex”] a:hover {
background-color: #2980B9; /* Darker blue on hover */
}
div[style*=”background-color: #2C3E50″] div[style*=”display: flex”] a[href*=”09100911179″]:hover {
background-color: #27AE60; /* Darker green on hover */
}

/* Responsiveness (Conceptual, for a real site) */
@media (max-width: 768px) {
h1 { font-size: 2em; margin-bottom: 30px; }
h2 { font-size: 1.6em; margin-bottom: 15px; }
h3 { font-size: 1.2em; margin-top: 20px; margin-bottom: 10px; }

div[style*=”max-width: 1200px”] {
padding: 15px;
}

div[style*=”background-color: #FFFFFF”],
div[style*=”background-color: #F0F8FF”],
div[style*=”background-color: #F8F9FA”],
div[style*=”background-color: #2C3E50″] {
padding: 20px;
border-radius: 8px;
margin-bottom: 20px;
}

/* Infographic Adjustments */
div[id=”section6″] > div[style*=”display: flex”] > div {
flex: 1 1 100%; /* Stack items vertically on very small screens */
max-width: 100%;
}

/* Footer Phone Numbers */
div[style*=”background-color: #2C3E50″] div[style*=”display: flex”] {
flex-direction: column; /* Stack phone numbers vertically */
gap: 15px;
}
}

@media (max-width: 480px) {
h1 { font-size: 1.8em; margin-bottom: 25px; }
h2 { font-size: 1.4em; margin-bottom: 10px; }
h3 { font-size: 1.1em; margin-top: 15px; margin-bottom: 8px; }

div[style*=”max-width: 1200px”] {
padding: 10px;
}

div[style*=”background-color: #FFFFFF”],
div[style*=”background-color: #F0F8FF”],
div[style*=”background-color: #F8F9FA”],
div[style*=”background-color: #2C3E50″] {
padding: 15px;
margin-bottom: 15px;
}

table {
font-size: 0.9em; /* Smaller font for tables on very small screens */
}
table th, table td {
padding: 8px;
}
}
“`

**توضیحات تکمیلی:**

1. **فرمت هدینگ‌ها (H1, H2, H3):** از تگ‌های HTML `

`، `

` و `

` استفاده شده و با استفاده از `style=””` ویژگی‌های `font-size` و `font-weight` مستقیماً در آن‌ها اعمال شده است تا در ویرایشگرهای بلوک و کلاسیک به درستی به عنوان هدینگ شناسایی و نمایش داده شوند.
2. **سایز و ضخامت فونت:** برای هر هدینگ، `font-size` و `font-weight` مشخصی با واحد `em` (برای واکنش‌گرا بودن) و مقادیر عددی تعیین شده است.
3. **بدون متن اضافی:** مقاله مستقیماً با عنوان `H1` شروع شده و در انتها نیز هیچ متن اضافی جز بخش تماس و فوتر (که جزئی از محتواست) وجود ندارد.
4. **جدول آموزشی استاندارد:** یک جدول با دو ستون در بخش “مراحل رسیدگی به دعاوی ملکی و ثبتی” گنجانده شده است. این جدول دارای `thead` و `tbody` و استایل‌های پایه برای خوانایی بهتر است. `min-width` برای آن در نظر گرفته شده تا در نمایشگرهای کوچک نیز ستون‌ها فشرده نشوند و با `overflow-x: auto` اسکرول افقی فعال شود.
5. **محتوای جامع، علمی و ارزشمند:** تمام بخش‌ها با دقت و عمق کافی نوشته شده‌اند و به جنبه‌های مختلف دعاوی ملکی و ثبتی، از جمله تفاوت‌ها، انواع، اهمیت اسناد، مراحل رسیدگی و مثال موردی، با ارجاع به قوانین کلی ایران پرداخته‌اند. لحن مقاله آموزشی و تخصصی است.
6. **انسان‌نویس بودن:** تلاش شده است تا لحنی طبیعی، محاوره‌ای و روان داشته باشد، بدون استفاده از عبارات خشک و ماشینی.
7. **ریسپانسیو بودن:** ساختار کلی با استفاده از `div`ها، `max-width`، `padding` و `margin`های متناسب طراحی شده است. برای بخش اینفوگرافیک از `display: flex` و `flex-wrap: wrap` استفاده شده تا محتوا در صفحات نمایش مختلف (موبایل، تبلت، لپ‌تاپ، تلویزیون) به خوبی تطبیق پیدا کند. استفاده از `em` برای سایز فونت‌ها نیز به ریسپانسیو بودن کمک می‌کند.
8. **طراحی منحصر به فرد و رنگ‌بندی زیبا:** از یک پالت رنگی حرفه‌ای (ترکیب آبی، خاکستری، سفید و لهجه‌های ملایم) استفاده شده است. با استفاده از `background-color`، `color`، `border-radius`، `box-shadow` و `border`های مختلف، ظاهر بصری جذابی ایجاد شده که پس از کپی در ویرایشگر بلوک، تا حد امکان ساختار و زیبایی خود را حفظ می‌کند.
9. **اینفوگرافیک زیبا (جایگزین):** به جای تصویر، یک بلوک `div` با رنگ پس‌زمینه متفاوت و چندین “کارت” داخلی (که با `display: flex` و `flex: 1 1 280px` واکنش‌گرا هستند) ایجاد شده است. هر کارت شامل یک ایموجی (به عنوان آیکون)، عنوان و توضیحات کوتاه است که مفهوم یک اینفوگرافیک ساختارمند را منتقل می‌کند.
10. **عدم متن تبلیغاتی یا هوش مصنوعی:** هیچ اشاره‌ای به هوش مصنوعی یا متون تبلیغاتی خارج از محتوای آموزشی و تماس با ما (که جزئی از درخواست کاربر بود) نشده است.
11. **کیس استادی:** یک سناریوی واقعی (هرچند فرضی) از کلاهبرداری ملکی و راه‌حل حقوقی آن ارائه شده که به درک بهتر موضوع کمک می‌کند.
12. **لحن محاوره‌ای و قوانین ایران:** سعی شده تا لحن دوستانه و در عین حال تخصصی باشد. به قوانین مرتبط ایران (مانند قانون مدنی، قانون ثبت اسناد و املاک) اشاره شده است.
13. **لینک‌های داخلی و تماس:** لینک‌های داخلی در انتهای مقاله و در بخش‌های مرتبط (مثلاً به وبلاگ) گنجانده شده‌اند. اطلاعات تماس و آدرس دقیق نیز در بخش نهایی مقاله قرار گرفته است.

این کد HTML با استایل‌های اینلاین برای کپی مستقیم در ویرایشگر بلوک طراحی شده است و باید به خوبی نمایش داده شود.