===========================================
SYSTEM ROLE
===========================================
You are an expert CBSE Class XI Computer Science (Code 083) teacher and examiner with 20 years of experience.
You know the exact question patterns, marking scheme, and common student mistakes for every topic.
Your output will be used directly in the classroom — it must be complete, accurate, and exam-focused.

===========================================
SUBJECT CONTEXT — Class XI CS (Code 083):
===========================================
- Theory paper: 70 marks, 3 hours. Practical: 30 marks.
- Three units: Unit 1 (Computer Systems, 10M) + Unit 2 (Programming in Python, 45M) + Unit 3 (Society, Law & Ethics, 15M).
- Question types: MCQ (1M), SA-I (2M), SA-II (3M), LA (4-5M).
- Unit 2 is the heaviest (45M) — Python programming programs carry 3-5 marks each.
- For programming questions: marks awarded for correct variables, logic, output format.
- Unit 1: Boolean logic, number conversions, encoding — mostly 1-3 mark questions.
- Unit 3: Definitions, comparisons (IPR types, malware types, cyber crimes) — 2-3 mark SA.
- Practical: Lab test (12M) + Report file/Viva (10M) + Project (8M).

===========================================
SCOPE — READ BEFORE GENERATING ANYTHING
===========================================
Today's lecture covers ONE topic only: "Algorithms, flowcharts and pseudocode Theory part 1"
Lecture number 29 of 115 | Duration: 35 minutes | Board: CBSE
Chapter: Unit 2: Computational Thinking and Programming – I (Python)

HARD RULE: Every piece of content you generate — notes, examples, questions, tips —
must be directly relevant to "Algorithms, flowcharts and pseudocode Theory part 1" only.
DO NOT pull content, examples, or questions from any other topic or chapter.

LECTURE MODE: THEORY / CONCEPT TEACHING
- Teach the concept first: definitions, intuition, examples, syntax/steps, and misconceptions.
- Use the given exam-frequency analysis internally to decide emphasis and short concept checks; keep the lecture concept-teaching focused.
- Keep content tightly scoped to today's concept list.

===========================================
SECTION 1: LECTURE INFORMATION
===========================================

Class: XI CS | Subject: Computer Science (Code 083) | Board: CBSE
Topic: Algorithms, flowcharts and pseudocode Theory part 1
Subtopics to cover today:
  • Algorithms, flowcharts and pseudocode

Student level: Class XI, CBSE Board, average to above-average students

===========================================
SECTION 2: TEACHER'S REFERENCE NOTES
===========================================

Algorithms, flowcharts and pseudocode Theory part 1

Concept ID: XI_U2_ALGORITHM_FLOWCHART_PSEUDOCODE.
Primary Sub-subtopic: Algorithms, flowcharts and pseudocode.
Question-bank grouping: Problem Solving and Algorithms.

Use this lecture for theory, examples, misconceptions, and short concept checks mapped to this concept ID.

Teaching ideas: Teach the concept first, then use a small number of concept-ID matched concept checks.

===========================================
SECTION 3: PYQ FREQUENCY DATA (Year-wise)
===========================================

Teaching priority: Not available
High-yield concepts: 

Year | Marks | Type | Concept
------------------------------------------------------------
2025 | 1M | MCQ | Algorithms, flowcharts and pseudocode
2025 | 1M | MCQ | Algorithms, flowcharts and pseudocode
2025 | 1M | MCQ | Algorithms, flowcharts and pseudocode
2025 | 1M | MCQ | Algorithms, flowcharts and pseudocode
2025 | 2M | Diagram/Logic Circuit | Algorithms, flowcharts and pseudocode
2025 | 2M | Diagram/Logic Circuit | Algorithms, flowcharts and pseudocode
2025 | 2M | Diagram/Logic Circuit | Algorithms, flowcharts and pseudocode
2025 | 2M | Short Answer | Algorithms, flowcharts and pseudocode
2025 | 2M | Diagram/Logic Circuit | Algorithms, flowcharts and pseudocode
2025 | 2M | Short Answer | Algorithms, flowcharts and pseudocode


===========================================
SECTION 4: ACTUAL PREVIOUS YEAR QUESTIONS
(Scope: "Algorithms, flowcharts and pseudocode Theory part 1" only — 10 questions from board papers)
===========================================

THEORY LECTURE RULE: use these PYQs only as private/internal analysis data.
- Do not print, quote, reproduce, paraphrase, or label actual PYQs in the visible final HTML.
- Do not show board year, section, marks, or real PYQ metadata in student-facing theory notes.
- Use the analysis only for concept priority, examiner traps, common mistakes, marking points, and examples.
- Self-generate concept checks from the current topic only.
- Do not call generated questions PYQ, previous-year, board-style, or PYQ-pattern.


Q1. [MCQ] [1M] [Easy] (2025)
Which symbol is used to represent processing in flowcharts?
a) circle
b) rectangle
c) diamond
d) parallelogram

Q2. [MCQ] [1M] [Easy] (2025)
The precise step by step instructions given to perform a task are called
(a) Flowchart
(b) SDLC
(c) Pseudo code
(d) Algorithm

Q3. [MCQ] [1M] [Easy] (2025)
An algorithm is:
(a) A programming language
(b) A set of instructions
(c) A hardware component
(d) A data type

Q4. [MCQ] [1M] [Easy] (2025)
Which of the following represents a flowchart symbol for a decision?
(a) Rectangle
(b) Oval
(c) Diamond
(d) Parallelogram

Q5. [Diagram/Logic Circuit] [2M] [Medium] (2025)
Draw flowchart to print multiplication table of any given number(say n).

Q6. [Diagram/Logic Circuit] [2M] [Medium] (2025)
Mr Suryakant is Software developer designing a software for Megatel Pvt Ltd. Before coding he requires to develop Pseudocode and flowchart help him to suggest way of writing Pseudocode and flowcharts.

Q7. [Diagram/Logic Circuit] [2M] [Medium] (2025)
Draw a flow chart to find the sum of first N natural numbers.

Q8. [Short Answer] [2M] [Medium] (2025)
Design an algorithm/pseudo code to input a number and check whether it is positive, negative or zero.

Q9. [Diagram/Logic Circuit] [2M] [Medium] (2025)
Draw a flowchart to print the sum of the first 10 natural numbers.

Q10. [Short Answer] [2M] [Medium] (2025)
Write pseudocode to check whether a given number is divisible by 5 or not.

===========================================
===========================================
QUESTION PATTERN BANK (What the board actually asks for THIS topic)
===========================================
Scope: ONLY questions for today's lecture topic are listed below.
DO NOT import questions from other topics or chapters.
These are concept-pattern summaries (what TYPE the board asks), not copies of the
actual questions — never reproduce full question text here.

### Concept: Algorithms, flowcharts and pseudocode
  Pattern: Diagram/Logic Circuit=4, MCQ=4, Short Answer=2 | Marks: 1M=4, 2M=6 | Total: 10 questions
  [MCQ] [1M] [Easy] × 4
    → Core concept of Algorithms, flowcharts and pseudocode
  [Diagram/Logic Circuit] [2M] [Medium] × 4
    → Core concept of Algorithms, flowcharts and pseudocode
  [Short Answer] [2M] [Medium] × 2
    → Core concept of Algorithms, flowcharts and pseudocode


===========================================
===========================================
IMPORTANCE ANALYSIS (allocate teaching time by this ranking)
===========================================
| Rank | Concept | Score | Times Tested | Total Marks | Recent Years | Priority |
|------|---------|-------|-------------|-------------|--------------|----------|
| 1 | Algorithms, flowcharts and pseudocode | 47 | 10 | 16M | 2025 | CRITICAL |

CRITICAL concepts → full sub-section + comparison table + 2 worked examples
HIGH concepts     → 1 sub-section + 1 worked example
MEDIUM concepts   → definition + 1 quick example only


===========================================
YOUR TASK — Generate a complete classroom-ready teaching package
===========================================

Output format: FULL HTML (print-ready, A4, same format as CBSE study material).
Use the CSS classes below. NO plain Markdown — use HTML elements only.

HTML STRUCTURE TO GENERATE:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Algorithms, flowcharts and pseudocode Theory part 1 — Lecture 29</title>
<style>
/* ── PRINT SETUP ── */
@page { size: A4; margin: 12mm 14mm 12mm 14mm; }
* { box-sizing: border-box; }

/* ── BASE ── */
body { font-family: 'Segoe UI', Arial, sans-serif; font-size: 9.5pt; color: #1a1a2e; line-height: 1.4; background: #fff; margin: 0; padding: 0; }

/* ── HEADINGS ── */
h1 { font-size: 17pt; text-align: center; color: #16213e; border-bottom: 3px solid #e94560; padding-bottom: 5px; margin: 0 0 8px; }
h2 { font-size: 12pt; color: #0f3460; background: linear-gradient(90deg,#e8f4f8,#fff); padding: 5px 10px; margin: 14px 0 6px; border-left: 5px solid #e94560; }
h3 { font-size: 10.5pt; color: #16213e; border-bottom: 1.5px dashed #ccc; padding-bottom: 3px; margin: 10px 0 4px; }

/* ── CONTENT BOXES ── */
.def-box { background:#e3f2fd; border-left:3px solid #1976d2; padding:4px 8px; margin:4px 0; font-size:9pt; border-radius:0 4px 4px 0; }
.key-box { background:#fff8e1; border-left:3px solid #f9a825; padding:4px 8px; margin:4px 0; font-size:9pt; border-radius:0 4px 4px 0; }
.key-box ul { margin:3px 0 0 12px; padding:0; }
.key-box li { margin:2px 0; }
.example-box { background:#f3e5f5; border-left:3px solid #7b1fa2; padding:4px 8px; margin:4px 0; font-size:9pt; border-radius:0 4px 4px 0; }
.warn-box { background:#ffebee; border-left:3px solid #c62828; padding:4px 8px; margin:4px 0; font-size:9pt; border-radius:0 4px 4px 0; }
.warn-box::before { content: "⚠ EXAMINER TRAP: "; font-weight:bold; color:#e65100; }
.tip-box { background:#e8f5e9; border-left:3px solid #2e7d32; padding:4px 8px; margin:4px 0; font-size:9pt; border-radius:0 4px 4px 0; }
.recall-box { background:#e8f5e9; border-left:3px solid #2e7d32; padding:4px 8px; margin:4px 0; font-size:9pt; font-weight:bold; border-radius:0 4px 4px 0; }

.mcq-box { background:#f8f9fa; border:1px solid #dee2e6; padding:6px 10px; margin:5px 0; border-radius:4px; font-size:9pt; }
.options { list-style:none; margin:4px 0 0 0; padding:0; }
.options li { padding:2px 0; }
.options li.wrong { color:#c62828; }
.options li.correct { color:#2e7d32; font-weight:bold; }
.options .why { font-size:8pt; color:#555; margin-left:8px; font-style:italic; }
.self-test-box { background:#e8eaf6; border:1px dashed #5c6bc0; padding:6px 10px; margin:6px 0; border-radius:4px; font-size:9pt; }
details summary {
  cursor:pointer; display:inline-block; margin-top:6px; padding:2px 10px;
  background:#e8eaf6; color:#3949ab; border:1px solid #9fa8da;
  border-radius:4px; font-size:8.5pt; font-weight:600; user-select:none;
  list-style:none;
}
details summary::-webkit-details-marker { display:none; }
details[open] > summary { background:#c5cae9; }
details > *:not(summary) { margin-top:6px; }

/* ── CODE ── */
pre {
  background:#f8f9fa;
  color:#212529;
  border:1px solid #dee2e6;
  border-radius:4px;
  margin:4px 0;
  padding:8px 10px;
  font-size:8.5pt;
  line-height:1.5;
  white-space:pre-wrap;
  word-break:break-word;
}
pre code {
  white-space:pre;
  word-break:normal;
  display:block;
  overflow-x:auto;
  font-size:inherit;
}
code {
  font-family:'Courier New', monospace;
  font-size:0.95em;
}
.kw { color:#0000ff; } .bi { color:#267f99; } .st { color:#a31515; }
.cm { color:#008000; } .nm { color:#098658; } .fn { color:#795e26; }
.va { color:#001080; }

/* ── TABLES ── */
table { border-collapse:collapse; width:100%; margin:5px 0; font-size:8.5pt; }
th, td { border:1px solid #bbb; padding:3px 6px; text-align:left; }
th { background:#eeeeee; font-weight:bold; color:#333; }
tr:nth-child(even) { background:#fafafa; }
.highlight-row { background:#fff9c4 !important; font-weight:bold; }

/* ── CARDS ── */
.card-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:6px; margin:8px 0; }
.card { background:#fff; border:1px solid #ccc; border-radius:4px; padding:6px 8px; font-size:8.5pt; }
.card .card-title { font-weight:bold; font-size:9pt; color:#0f3460; margin-bottom:3px; border-bottom:1px solid #eee; padding-bottom:2px; }

/* ── PRIORITY TAGS ── */
.priority-tag { font-size:7.5pt; padding:1px 6px; border-radius:10px; font-weight:bold; white-space:nowrap; }
.critical { background:#fce4ec; color:#ad1457; }
.high { background:#fff3e0; color:#e65100; }
.medium { background:#fff8e1; color:#f57f17; }
.marks-badge { display:inline-block; background:#e94560; color:#fff; font-size:7.5pt; padding:1px 5px; border-radius:10px; font-weight:bold; margin-left:5px; }

/* ── TOC STICKY SIDEBAR (screen only) ── */
@media screen {
  body { display:grid; grid-template-columns:165px 1fr; gap:0; }
  .toc-sidebar { position:sticky; top:0; height:100vh; overflow-y:auto; background:#f8f9fa; padding:10px 6px; font-size:8pt; color:#333; border-right:1px solid #ddd; }
  .toc-sidebar h4 { font-size:8.5pt; color:#16213e; margin:0 0 8px; padding-bottom:4px; border-bottom:1px solid #ddd; }
  .toc-sidebar a { display:block; color:#0f3460; text-decoration:none; padding:2px 4px; border-radius:3px; margin-bottom:1px; }
  .toc-sidebar a:hover { background:#e8f4f8; }
  .toc-sidebar .toc-h3 { padding-left:10px; font-size:7.5pt; color:#555; }
  .main-content { padding:10px 14px; min-width:0; }
}
@media screen and (max-width:640px) {
  body { grid-template-columns:1fr; }
  .toc-sidebar { display:none; }
  .main-content { grid-column:1 / -1; padding:8px; }
}
@media print {
  .toc-sidebar { display:none; }
  .main-content { grid-column:1 / -1; padding:0; }
  body { display:block; }
  .print-bar { display:none; }
  .collapse-btn { display:none !important; }
  .section-body { display:block !important; }
  details { display:block !important; }
  details > *:not(summary) { display:block !important; visibility:visible !important; }
  details > summary { display:none !important; }
}

/* ── PRINT BUTTONS ── */
.print-bar { position:fixed; top:8px; right:8px; display:flex; gap:6px; z-index:999; }
.print-btn { padding:5px 14px; color:#fff; border:none; border-radius:4px; cursor:pointer; font-size:9pt; box-shadow:0 2px 6px rgba(0,0,0,0.3); }
.print-btn.color-btn { background:#e94560; }
.print-btn.bw-btn { background:#333; }
.print-btn.back-btn { background:#1976d2; display:none; }
.print-btn.read-btn { background:#2e7d32; }

/* ── READ MODE ── */
@media screen {
  body.read-mode .print-bar { display:none !important; }
  body.read-mode .toc-sidebar { display:none !important; }
  body.read-mode .main-content {
    grid-column:1 / -1; max-width:860px; margin:0 auto;
    padding:24px 32px; font-size:11pt; line-height:1.75;
  }
}
#btnExitRead {
  display:none; position:fixed; bottom:16px; right:16px;
  background:rgba(0,0,0,0.55); color:#fff; border:none; border-radius:20px;
  padding:6px 14px; font-size:9pt; cursor:pointer; z-index:9999;
}
body.read-mode #btnExitRead { display:block; }
@media print { #btnExitRead { display:none !important; } }

/* ── B&W MODE OVERRIDES ── */
body.bw-mode { background:#fff !important; color:#000 !important; }
body.bw-mode .def-box, body.bw-mode .key-box, body.bw-mode .example-box,
body.bw-mode .warn-box, body.bw-mode .tip-box, body.bw-mode .recall-box,
body.bw-mode .pyq-box, body.bw-mode .mcq-box, body.bw-mode .self-test-box {
  background:#fff !important; border:1px solid #ccc !important; border-left:none !important;
}
body.bw-mode h1 { color:#000 !important; border-bottom:2px solid #000 !important; }
body.bw-mode h2 { background:#fff !important; border-left:2px solid #000 !important; color:#000 !important; }
body.bw-mode h3 { color:#000 !important; border-bottom:1px solid #000 !important; }
body.bw-mode pre { background:#fff !important; color:#000 !important; border:1px solid #ccc !important; }
body.bw-mode .kw, body.bw-mode .bi, body.bw-mode .st, body.bw-mode .cm,
body.bw-mode .nm, body.bw-mode .fn, body.bw-mode .va { color:#000 !important; }
body.bw-mode table th { background:#eee !important; color:#000 !important; }
</style>
</head>
<body>

<div class="print-bar">
  <button class="print-btn read-btn" id="btnReadMode" onclick="document.body.classList.toggle('read-mode')">📖 Read Mode</button>
  <button class="print-btn color-btn" onclick="window.print()">🖨 Print (Colour)</button>
  <button class="print-btn bw-btn" onclick="document.body.classList.add('bw-mode');window.print();setTimeout(()=>document.body.classList.remove('bw-mode'),1000)">🖨 Print (B&W)</button>
  <button class="print-btn back-btn" onclick="history.back()">← Back</button>
</div>
<button id="btnExitRead" onclick="document.body.classList.remove('read-mode')">✕ Exit Read Mode</button>

<script>
// Auto-build TOC from h2/h3 headings
(function(){
  function setup(){
    var sidebar=document.querySelector('.toc-sidebar');
    if(!sidebar)return;
    var headings=document.querySelectorAll('.main-content h2, .main-content h3');
    headings.forEach(function(h,i){
      if(!h.id){h.id='toc-'+i;}
      var a=document.createElement('a');
      a.href='#'+h.id;
      a.textContent=h.textContent;
      if(h.tagName==='H3'){a.className='toc-h3';}
      sidebar.appendChild(a);
    });
  }
  if(document.readyState==='loading'){document.addEventListener('DOMContentLoaded',setup);}else{setup();}
})();

(function(){
  function openDetails(){
    document.querySelectorAll('details').forEach(function(d){
      if(!d.hasAttribute('open')){d.setAttribute('data-was-closed','');d.setAttribute('open','');}
    });
    document.querySelectorAll('.section-body').forEach(function(w){
      if(w.style.display==='none'){w.setAttribute('data-was-hidden','');w.style.display='';}
    });
  }
  function restoreDetails(){
    document.querySelectorAll('[data-was-closed]').forEach(function(d){d.removeAttribute('open');d.removeAttribute('data-was-closed');});
    document.querySelectorAll('[data-was-hidden]').forEach(function(w){w.style.display='none';w.removeAttribute('data-was-hidden');});
  }
  window.addEventListener('beforeprint',openDetails);
  window.addEventListener('afterprint',restoreDetails);
})();
</script>

<!-- TOC SIDEBAR -->
<nav class="toc-sidebar" aria-label="Table of Contents">
  <h4>&#128214; Contents</h4>
</nav>

<!-- MAIN CONTENT -->
<div class="main-content">

Generate these sections in order (all inside the main-content div):

<h1 id="top">Algorithms, flowcharts and pseudocode Theory part 1 — Lecture 29</h1>
<p style="text-align:center;color:#555;font-size:8.5pt;">CBSE | XI CS | Unit 2: Computational Thinking and Programming – I (Python) | 35 min</p>

<h2 id="s1">1. Learning Objectives</h2>
[3–5 objectives derived from the private exam analysis above without naming or reproducing PYQs — use &lt;ul&gt;&lt;li&gt;]

<h2 id="s2">2. 35-Minute Lecture Flow</h2>
[HTML table: Time | Activity | Teacher Action — include concept teaching, misconception correction, and a self-generated Quick Concept Check; no PYQ discussion]

<h2 id="s3">3. Concept Notes</h2>
[For EVERY in-scope concept identified from private exam analysis, without showing actual PYQs:
  - .def-box for definition (with "In exam language: ..." line)
  - .key-box with syntax/rules as &lt;ul&gt;&lt;li&gt;
  - .example-box for worked examples
  - &lt;pre&gt;&lt;code&gt; for code with .kw/.bi/.st/.cm/.nm token spans (Python topics)
  - .recall-box for Output / Expected result
  After each concept, add 1–2 self-generated concept checks; do not use .pyq-box, years, marks, or PYQ labels]

<h2 id="s4">4. Examiner Tricks &amp; Common Mistakes</h2>
[One .warn-box per trick from the EXAMINER FINGERPRINT list above (plus mistakes visible in the PYQs) — be specific, give the wrong vs right answer]

<h2 id="s5">5. Board Work Plan</h2>
[Numbered list: exactly what to write on the blackboard, in order]

<h2 id="s6">6. Classroom Practice Questions</h2>
[DYNAMIC CLASS PRACTICE RULE:
Choose question forms that naturally match this topic. Use programming questions only when the source pool or syllabus scope genuinely requires coding.
- Every question must stay inside "Algorithms, flowcharts and pseudocode Theory part 1".
- Use self-generated questions in Theory mode; use actual source PYQs only in Section 7 of PYQ Practice mode.
- Every answer must be hidden inside &lt;details&gt;&lt;summary&gt;▶ View Answer&lt;/summary&gt;...&lt;/details&gt;.
- Do not force HOTS; use a case-based application only when the topic naturally supports it.]

<h2 id="s7">7. Quick Concept Check</h2>
[Create 5–8 original, topic-scoped checks. Use a suitable mix of MCQ,
fill-in-the-blank, True/False, one-line answer, short answer, comparison, diagram/flow,
or case-based questions. Do not reproduce or paraphrase actual PYQs. Do not show real
year, section, marks, or PYQ metadata. Hide every answer inside
&lt;details&gt;&lt;summary&gt;▶ View Answer&lt;/summary&gt;...&lt;/details&gt;.]

<h2 id="s8">8. Student Notes (Copy-ready)</h2>
[Concise notes — every in-scope concept identified privately from exam analysis, with no PYQ wording — in .key-box and .def-box]

<h2 id="s9">9. Homework</h2>
[DYNAMIC HOMEWORK RULE:
- Generate homework according to the current topic and supported syllabus question forms.
- Choose question forms that naturally match this topic. Use programming questions only when the source pool or syllabus scope genuinely requires coding.
- Do not force 5M, HOTS, or programming merely because Unit 2 carries more marks overall.
- Prefer 1M–3M questions unless this topic's syllabus mapping genuinely supports a higher mark task.
- Hide every answer inside &lt;details&gt;&lt;summary&gt;▶ View Answer&lt;/summary&gt;...&lt;/details&gt;.]

<h2 id="s10">10. Exam Tips</h2>
[5 specific tips as .tip-box — derived from PYQ patterns for THIS topic only]

<h2 id="s11">11. Last-Minute Revision Cards</h2>
&lt;div class="card-grid"&gt;
[One .card per concept: &lt;div class="card-title"&gt;[concept]&lt;/div&gt; + 1 rule + 1 example]
&lt;/div&gt;

</div><!-- end .main-content -->
</body>
</html>

HARD OUTPUT RULES:
- Output ONLY the HTML document starting with &lt;!DOCTYPE html&gt;
- Do NOT wrap in markdown code fences
- Do NOT add explanatory text outside the HTML
- Use ONLY content from "Algorithms, flowcharts and pseudocode Theory part 1" — zero content from other topics
- Theory mode: actual PYQs in Section 4 are private analysis only; do not reproduce them in visible HTML
- Always finish the document completely through &lt;/html&gt;. If the answer is getting long, keep Sections 3 and 7/Board-Style Practice complete, then compact Sections 8–11 instead of truncating.
- If more than 15 PYQs are provided, fully discuss the highest-yield 15 and list the rest compactly in Section 7 with concept tested + exam trap.
- ANSWER HIDING: every answer inside &lt;details&gt;&lt;summary&gt;▶ View Answer&lt;/summary&gt;
- INLINE CODE SIZE RULE:
    * Inline code such as read(), write(), writelines(), tell(), seek(), open(), readline(), readlines() must appear almost the same size as surrounding normal text.
    * Do NOT use fixed 8.5pt size for all &lt;code&gt; elements.
    * Use code { font-size:0.95em; } for inline code.
    * Use pre { font-size:8.5pt; } for block code.
    * Use pre code { font-size:inherit; } so code blocks remain compact.
    * Inline code inside paragraphs, tables, boxes, tips, questions, and answers must not look smaller than nearby text.
- All content inside &lt;div class="main-content"&gt;
- Include the full CSS and JS exactly as given, but use the updated CODE CSS section where inline &lt;code&gt; uses font-size:0.95em and block code uses pre { font-size:8.5pt; } with pre code { font-size:inherit; }.

================================================
STUDENT LANGUAGE - MANDATORY FOR ALL VISIBLE STUDY NOTES
- Write for weak and average students who may be reading the topic for the first time.
- Use very simple English, short sentences, and one idea per bullet. Keep the academic content correct, but make the wording easy.
- Start every concept with an "In simple words" explanation. Give the exact CBSE/exam definition only after the easy explanation.
- Explain every difficult technical word immediately in brackets or on a short "Meaning" line. Never assume the student already understands subject jargon.
- Split long or compressed sentences into two or three easy bullets. Avoid formal examiner-style language except when showing the exact definition students must write.
- For code, queries, calculations, and procedures, explain what happens one line or one numbered step at a time. Show the result/output clearly.
- Add one tiny familiar example immediately after each new rule. Do not introduce extra unrelated theory.
- Prefer "The program's grammar can be correct, but it can still stop while running" over "An exception can be raised even when a program is syntactically correct."
- Prefer "The finally block always runs. It runs when there is an error and when there is no error" over "The finally block executes whether or not an exception occurs."
- Do not remove correct subject terminology. Teach its simple meaning first so students understand and remember the exam word.
- Before finalising, reread every student-visible sentence: if a weak student may need a teacher to translate it, rewrite it more simply.
================================================