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

/* CSS for better readability and basic responsiveness in a copy-paste scenario
(though inline styles are preferred by the user for block editor compatibility,
this provides a general guide if a block is acceptable) */
body {
font-family: ‘Segoe UI’, Tahoma, Geneva, Verdana, sans-serif;
line-height: 1.8;
color: #333;
margin: 0;
padding: 0;
background-color: #f4f7fa; /* Light background for the whole page */
}

/* General container for the article */
div[style*=”max-width: 900px”] {
max-width: 900px;
margin: 0 auto;
padding: 20px;
background-color: #ffffff;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
border-radius: 12px;
box-sizing: border-box; /* Ensures padding doesn’t increase total width */
}

/* Headings responsiveness */
H1 {
font-size: 2.5em; /* Default large for desktop */
}
H2 {
font-size: 1.8em;
}
H3 {
font-size: 1.4em;
}
H4 {
font-size: 1.2em;
}
p, ul, table {
font-size: 1.1em;
}

/* Mobile specific adjustments (example using media queries) */
@media (max-width: 768px) {
div[style*=”max-width: 900px”] {
padding: 15px;
border-radius: 0; /* No round corners on small screens for full width look */
}
H1 {
font-size: 2em !important; /* Smaller for mobile */
margin-bottom: 20px !important;
}
H2 {
font-size: 1.5em !important;
margin-top: 30px !important;
}
H3 {
font-size: 1.2em !important;
margin-top: 20px !important;
}
p, ul, table, div[style*=”font-size: 0.95em”] p {
font-size: 1em !important;
line-height: 1.7 !important;
}
ul[style*=”list-style-type: decimal”] {
padding-left: 20px !important;
}
ul[style*=”list-style-type: none”] li {
padding: 12px !important;
}
/* Table responsiveness */
table, thead, tbody, th, td, tr {
display: block;
}
thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
tr { border: 1px solid #ccc; margin-bottom: 10px; border-radius: 8px;}
td {
border: none !important;
border-bottom: 1px solid #eee !important;
position: relative;
padding-left: 50% !important;
text-align: right !important; /* For Persian text */
}
td:before {
position: absolute;
top: 6px;
left: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
text-align: left; /* For labels */
font-weight: bold;
color: #004080;
}
/* Labeling the cells for mobile */
td:nth-of-type(1):before { content: “چالش:”; }
td:nth-of-type(2):before { content: “فرصت:”; }

/* Infographic alternative responsiveness */
div[style*=”display: flex”] {
flex-direction: column;
gap: 15px;
}
div[style*=”flex: 1 1 45%”] {
min-width: unset;
width: 100%;
}
}

/* Tablet and larger adjustments */
@media (min-width: 769px) and (max-width: 1024px) {
div[style*=”max-width: 900px”] {
padding: 25px;
}
H1 { font-size: 2.2em !important; }
H2 { font-size: 1.7em !important; }
H3 { font-size: 1.3em !important; }
p, ul, table { font-size: 1.05em !important; }
}

/* For TV screens (example, assuming larger viewports) */
@media (min-width: 1025px) {
div[style*=”max-width: 900px”] {
padding: 40px;
}
H1 { font-size: 3em !important; }
H2 { font-size: 2em !important; }
H3 { font-size: 1.6em !important; }
p, ul, table { font-size: 1.2em !important; }
}