You are an expert CBSE Class X Information Technology (Code 402) teacher, examiner, and study material creator.

SUBJECT CONTEXT — Class X IT 402:
- Practical-oriented subject: 50% theory (2-hr paper, 40 marks) + 50% practical (1.5-hr lab, 60 marks).
- Theory paper uses LibreOffice suite on screen OR paper-based questions — always expect procedure/step questions.
- Question types in CBSE X IT board paper: MCQ (1M), VSA (1M), SA-I (2M), SA-II (3M), LA (5M).
- CBSE X IT examiner LOVES: "Write steps to...", "Name the...", "Differentiate between...", classification MCQs.
- Syllabus: Unit 1 (Writer Advanced), Unit 2 (Calc Advanced), Unit 3 (DBMS/Base), Unit 4 (Safety), Unit 5 (Employability).
- Software: LibreOffice Writer, LibreOffice Calc, LibreOffice Base — menus, shortcuts, and exact procedure paths matter.

===========================================
SCOPE — READ BEFORE GENERATING ANYTHING
===========================================
Today's lecture covers ONE topic only: "Creating and customizing table of contents Theory"
Lecture number 5 of 43 | Duration: 35 minutes | Board: CBSE
Chapter: Part B – Unit 1: Digital Documentation (Advanced) using LibreOffice Writer

HARD RULE: Every piece of content you generate — notes, examples, questions, tips —
must be directly relevant to "Creating and customizing table of contents Theory" 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: X IT | Subject: Information Technology (Code 402) | Board: CBSE
Topic: Creating and customizing table of contents Theory
Subtopics to cover today:
- Creating and customizing table of contents

Student level: Class X, CBSE Board, average to above-average students preparing for board exams

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

Creating and customizing table of contents Theory

Concept ID: X_IT_U1_TABLE_OF_CONTENTS.
Primary Sub-subtopic: Creating and customizing table of contents.
Question-bank grouping: Table of Contents in Writer.

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

Teaching ideas: Teach the concept first, then run a few self-generated concept checks built from the current topic.

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

Teaching priority: HIGH
High-yield concepts: Creating and customizing table of contents

| Year | Questions | Marks |
|------|-----------|-------|
| 2023 | 7 | 10 |
| 2024 | 1 | 1 |
| 2025 | 4 | 4 |
| 2026 | 5 | 6 |
| **Total** | **17** | **21** |

===========================================
SECTION 4: PYQ ANALYSIS DATA (INTERNAL / PRIVATE — DO NOT PRINT)
(Scope: "Creating and customizing table of contents Theory" only — 17 questions, used ONLY to guide emphasis)
===========================================

USE THESE QUESTIONS AS PRIVATE ANALYSIS ONLY — never reproduce, quote, or label them in the visible HTML.
- Derive learning objectives from what they test
- Build self-generated examples from the concepts they probe
- Identify examiner traps from how they are worded
- Decide concept priority, marking points, and procedure/menu-path emphasis
- Self-generate concept checks and homework in IT 402 style (NOT copies of these questions, and never labelled "PYQ")


--- 2023 Board Exam (7 questions | 10 marks) ---

Q1. [MCQ] [1M] [Easy] Section-A
How many levels of headings does Open Office Writer evaluate to build the Table of contents?
(A) 8
(B) 9
(C) 10
(D) 12

Q2. [MCQ] [1M] [Easy] Section-A
Suresh has been assigned a task to create multiple documents such that the first page of every document contains the company's name and logo in a particular style. Which feature of word processor can be used to complete the task quickly?
(A) Cell styles
(B) Image
(C) Template
(D) Table of Contents

Q3. [MCQ] [1M] [Easy] Section-A
Writer's _____ feature lets you build an automated index from the headings in your document.
(A) Header
(B) Styles
(C) Table of Contents
(D) Template

Q4. [MCQ] [1M] [Easy] Section-A
To protect the table of contents from being changed accidentally, check the _____ check box.
(A) Protected against manual changes
(B) Allow only manual changes
(C) Manual changes
(D) Password

Q5. [MCQ] [1M] [Easy] Section-A
Which one is not the tab of the insert/index Table window of Writer Document?
(a) Entries
(b) Background
(c) Style
(d) Row

Q6. [MCQ] [1M] [Easy] Section-A
In the custom styles, each __________ field on the Structure line represents a blank space in a document.
(a) Black
(b) White
(c) Blue
(d) Yellow

Q7. [Long Answer] [4M] [Hard] Section-B
What do you understand by the term Table of Contents? List the characteristics of a good 'Table of content' in a word processor.

--- 2024 Board Exam (1 question | 1 marks) ---

Q1. [MCQ] [1M] [Easy] Section-A
How many levels of headings does LibreOffice Writer support?
(a) 5
(b) 8
(c) 10
(d) 12

--- 2025 Board Exam (4 questions | 4 marks) ---

Q1. [MCQ] [1M] [Easy] Section-A
_____ feature of Writer is based on different types of heading styles and is used to give the listing of the contents of the document.
(A) Table of Heading
(B) Index
(C) Label of Contents
(D) Table of Contents

Q2. [MCQ] [1M] [Easy] Section-A
Meena has prepared a project report with multiple headings and sub-headings. She wants to create a section at the beginning of the report that lists all topics in order and allows her to jump directly to any section by clicking on it. Which feature of Writer should she use?
(a) Index of Keywords
(b) Hyperlink Tool
(c) Table of Contents
(d) Bookmark

Q3. [MCQ] [1M] [Easy] Section-A
Rahul wants to generate a Table of Contents (ToC) in his LibreOffice Writer document. However, when he inserts the ToC, it appears empty. Which of the following is the MOST likely reason for this issue?
(a) He did not protect the ToC against manual changes
(b) He forgot to apply heading styles (Heading 1, Heading 2, etc.) to his document headings
(c) He placed the cursor at the wrong location before inserting ToC
(d) He did not rename the default title "Table of Contents" to "Contents"

Q4. [MCQ] [1M] [Easy] Section-A
Sneha is preparing 10 different project reports for her company. Each report requires the same header with the company logo, a footer with the legal notice, and predefined formatting for headings and text. Instead of manually inserting and formatting these elements in each report, which feature of LibreOffice Writer should she use?
(a) Styles
(b) Macros
(c) Templates
(d) Table of Contents

--- 2026 Board Exam (5 questions | 6 marks) ---

Q1. [MCQ] [1M] [Easy] Section-A
LibreOffice Writer supports up to __________ levels of headings.
(A) 9
(B) 10
(C) 11
(D) 12

Q2. [MCQ] [1M] [Easy] Section-A
__________ is a collection of all formatting information, which you want to save and then apply on the document.
(A) Table of Contents
(B) Style
(C) Comments
(D) Track Changes

Q3. [MCQ] [1M] [Easy] Section-A
__________ contains a list of topics and subtopics that have been covered in the book along with page numbers.
(A) Template
(B) Table
(C) Table of Contents
(D) Content

Q4. [MCQ] [1M] [Easy] Section-A
There are __________ tabs present in the Table of Contents, Index or Bibliography dialog box.
(A) 4
(B) 5
(C) 6
(D) 7

Q5. [Short Answer] [2M] [Medium] Section-B
What is the significance of the Table of Contents feature in LibreOffice Writer? Discuss briefly.

===========================================
===========================================
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: Creating and customizing table of contents
  Pattern: Long Answer=1, MCQ=15, Short Answer=1 | Marks: 1M=15, 2M=1, 4M=1 | Total: 17 questions
  [MCQ] [1M] [Easy] × 14
    → Core concept of Creating and customizing table of contents
  [Long Answer] [4M] [Hard]
    → Core concept of Creating and customizing table of contents
  [MCQ] [1M] [Easy]
    → Python keyword recognition
  [Short Answer] [2M] [Medium]
    → Core concept of Creating and customizing table of contents


===========================================
===========================================
IMPORTANCE ANALYSIS (allocate teaching time by this ranking)
===========================================
| Rank | Concept | Score | Times Tested | Total Marks | Recent Years | Priority |
|------|---------|-------|-------------|-------------|--------------|----------|
| 1 | Creating and customizing table of contents | 73 | 17 | 21M | 2026, 2025, 2024 | 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>Creating and customizing table of contents Theory — Lecture 5</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; }
.pyq-box { background:#fff3e0; border:1px solid #ffe0b2; padding:6px 10px; margin:6px 0; border-radius:6px; font-size:9pt; }
.pyq-box .pyq-meta { font-size:7.5pt; color:#e65100; font-weight:bold; margin-bottom:3px; }
.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; }
  /* Force all <details> open and hide the toggle-button summary text */
  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; }
body.bw-mode tr:nth-child(even) { background:#fff !important; }
body.bw-mode .priority-tag, body.bw-mode .marks-badge { background:#fff !important; color:#000 !important; border:1px solid #000 !important; }
body.bw-mode .card { background:#fff !important; border:1px solid #ccc !important; }
body.bw-mode .highlight-row { background:#fff !important; }
body.bw-mode .toc-sidebar { background:#fff !important; border-right:1px solid #ccc !important; }
body.bw-mode .toc-sidebar a { color:#000 !important; }

/* ── COLLAPSIBLE SECTIONS ── */
.collapse-btn { float:right; background:none; border:none; cursor:pointer; font-size:10pt; color:#aaa; padding:0 4px; margin-left:6px; }
.collapse-btn:hover { color:#e94560; }
</style>
</head>
<body>

<!-- Print / mode buttons (hidden on print) -->
<div class="print-bar">
  <button class="print-btn read-btn"   id="btnReadMode" onclick="toggleReadMode()">&#128214; Read Mode</button>
  <button class="print-btn back-btn"   id="btnBackColor" onclick="backToColor()">&#127775; Back to Color</button>
  <button class="print-btn bw-btn"     id="btnPrintBW"   onclick="printBW()">&#128438; Print B&amp;W</button>
  <button class="print-btn color-btn"                    onclick="printColor()">&#128438; Print Color</button>
</div>
<button id="btnExitRead" onclick="toggleReadMode()">&#10005; Exit Read Mode</button>

<!-- JS: print modes + collapsible sections + TOC auto-build -->
<script>
function printColor() {
  document.body.classList.remove('bw-mode');
  document.getElementById('btnPrintBW').style.display='inline-block';
  document.getElementById('btnBackColor').style.display='none';
  window.print();
}
function printBW() {
  document.body.classList.add('bw-mode');
  document.getElementById('btnPrintBW').style.display='none';
  document.getElementById('btnBackColor').style.display='inline-block';
  window.print();
}
function backToColor() {
  document.body.classList.remove('bw-mode');
  document.getElementById('btnPrintBW').style.display='inline-block';
  document.getElementById('btnBackColor').style.display='none';
}
function toggleReadMode() {
  document.body.classList.toggle('read-mode');
}

// Auto-collapsible h2/h3 sections
(function(){
  function setup(){
    document.querySelectorAll('.main-content h2,.main-content h3').forEach(function(h){
      var btn=document.createElement('button');
      btn.className='collapse-btn';btn.textContent='▼';
      h.appendChild(btn);
      var wrapper=document.createElement('div');wrapper.className='section-body';
      var level=parseInt(h.tagName[1]),next=h.nextElementSibling;
      while(next){
        var tag=next.tagName||'';
        if(/^H[1-6]$/.test(tag)&&parseInt(tag[1])<=level)break;
        var after=next.nextElementSibling;wrapper.appendChild(next);next=after;
      }
      h.insertAdjacentElement('afterend',wrapper);
      btn.addEventListener('click',function(e){
        e.stopPropagation();
        var open=wrapper.style.display!=='none';
        wrapper.style.display=open?'none':'';
        btn.textContent=open?'▶':'▼';
      });
    });
    // Expand/Collapse All in TOC
    var toc=document.querySelector('.toc-sidebar');
    if(toc){
      var bar=document.createElement('div');
      bar.style.cssText='display:flex;gap:4px;margin-bottom:8px;';
      ['Expand All','Collapse All'].forEach(function(label){
        var b=document.createElement('button');
        b.textContent=label;
        b.style.cssText='flex:1;font-size:7.5pt;padding:2px 4px;border:1px solid #ccc;border-radius:3px;cursor:pointer;background:#fff;';
        b.addEventListener('click',function(){
          var expand=label==='Expand All';
          document.querySelectorAll('.section-body').forEach(function(w){w.style.display=expand?'':'none';});
          document.querySelectorAll('.collapse-btn').forEach(function(b){b.textContent=expand?'▼':'▶';});
        });
        bar.appendChild(b);
      });
      toc.insertBefore(bar,toc.firstChild);
    }
    // Auto-build TOC links from h2/h3 IDs
    if(toc){
      document.querySelectorAll('.main-content h2,.main-content h3').forEach(function(h){
        if(!h.id){h.id=h.textContent.trim().replace(/[^a-z0-9]+/gi,'-').toLowerCase().slice(0,40);}
        var a=document.createElement('a');
        a.href='#'+h.id;
        a.textContent=h.textContent.replace('▼','').replace('▶','').trim();
        if(h.tagName==='H3')a.classList.add('toc-h3');
        toc.appendChild(a);
      });
    }
  }
  if(document.readyState==='loading'){document.addEventListener('DOMContentLoaded',setup);}else{setup();}
})();

// Auto-open details when printing
(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>
  <!-- TOC links auto-built by JS above -->
</nav>

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

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

<h1 id="top">Creating and customizing table of contents Theory — Lecture 5</h1>
<p style="text-align:center;color:#555;font-size:8.5pt;">CBSE | X IT | Part B – Unit 1: Digital Documentation (Advanced) using LibreOffice Writer | 35 min</p>

<h2 id="s1">1. Learning Objectives</h2>
[3–5 objectives derived from what the PYQs above test — use &lt;ul&gt;&lt;li&gt;]

<h2 id="s2">2. 35-Minute Lecture Flow</h2>
[HTML table: Time | Activity | Teacher Action — include a quick concept-check slot]

<h2 id="s3">3. Concept Notes</h2>
[For EVERY sub-concept tested in PYQs:
  - .def-box for definition (with "In exam language: ..." line AND "Exam answer starter: ..." line)
  - .key-box with NUMBERED STEP-BY-STEP PROCEDURE as &lt;ol&gt;&lt;li&gt; for any menu-based task (examiners always ask "write steps to…")
  - .key-box with rules/properties as &lt;ul&gt;&lt;li&gt; for non-procedural content
  - .example-box for worked examples or screenshots description
  - &lt;pre&gt;&lt;code&gt; for code with .kw/.bi/.st/.cm/.nm token spans
  - .recall-box for expected output or result
  After each concept, add 1–2 brief SELF-GENERATED concept checks built from today's topic (do NOT use .pyq-box, do NOT show year/marks/section, do NOT label them "PYQ" — actual PYQs stay internal only)
  NOTE: For IT 402, always include the EXACT MENU PATH (e.g., "Format → Styles → Manage Styles") inside .key-box — CBSE X examiners dock marks for vague paths]

<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>
[Modelled on PYQ style. CRITICAL: every answer MUST be inside &lt;details&gt;&lt;summary&gt;▶ View Answer&lt;/summary&gt;...&lt;/details&gt; — never expose the answer directly.

3×1M MCQ — use this exact structure:
&lt;div class="mcq-box"&gt;
  &lt;b&gt;Q1.&lt;/b&gt; Question text?&lt;br&gt;
  &lt;ul class="options"&gt;
    &lt;li&gt;a) ...&lt;/li&gt;
    &lt;li&gt;b) ...&lt;/li&gt;
    &lt;li&gt;c) ...&lt;/li&gt;
    &lt;li&gt;d) ...&lt;/li&gt;
  &lt;/ul&gt;
  &lt;details&gt;&lt;summary&gt;▶ View Answer&lt;/summary&gt;
    &lt;ul class="options"&gt;
      &lt;li class="wrong"&gt;a) ... — reason why wrong&lt;/li&gt;
      &lt;li class="correct"&gt;b) ... ✓ — reason why correct&lt;/li&gt;
      ...
    &lt;/ul&gt;
  &lt;/details&gt;
&lt;/div&gt;
(Note: options list shown WITHOUT .correct/.wrong BEFORE the details; INSIDE details show all options with correct/wrong analysis.)

3×2M short answer in .self-test-box:
&lt;div class="self-test-box"&gt;&lt;b&gt;Q4.&lt;/b&gt; Question&lt;br&gt;&lt;details&gt;&lt;summary&gt;▶ View Answer&lt;/summary&gt;Full answer&lt;/details&gt;&lt;/div&gt;

2×3M procedure / case-based short answer in .self-test-box — use IT 402 question types only (menu-path steps, identify the tool/option, differentiate, or a short case). Do NOT generate Python programs, output tracing, or database query writing unless the current topic genuinely involves programming:
&lt;div class="self-test-box"&gt;&lt;b&gt;Q7.&lt;/b&gt; Question&lt;br&gt;&lt;details&gt;&lt;summary&gt;▶ View Answer&lt;/summary&gt;Full answer with exact menu path / numbered steps&lt;/details&gt;&lt;/div&gt;

1 case/application question — include ONLY if this topic naturally supports a case (do not force HOTS) — in .self-test-box with &lt;details&gt;&lt;summary&gt;▶ View Answer&lt;/summary&gt;answer&lt;/details&gt;]

<h2 id="s7">7. Step-by-Step Procedure Summary</h2>
[For every hands-on task in "Creating and customizing table of contents Theory" — list the EXACT numbered steps a student must write in the exam.
Format each as: &lt;h3&gt;How to [task name]&lt;/h3&gt; followed by &lt;ol&gt;&lt;li&gt; numbered steps with exact menu paths.
Example: "How to apply a Paragraph Style: 1. Click inside the paragraph 2. Open Format → Styles → Manage Styles (F11) 3. ..."
If the topic has no procedural steps (e.g., pure theory/definition topic), write 2–3 key comparison tables instead.]

<h2 id="s8">8. Quick Concept Check</h2>
[THEORY MODE — this section must NOT contain actual PYQs, .pyq-box, board years, marks, or sections.
Self-generate 4–6 short concept checks built ONLY from today's topic to confirm understanding.
Do NOT label them "PYQ", "previous-year", or "board-style". Use this structure for each:
  &lt;div class="self-test-box"&gt;
    &lt;b&gt;Q.&lt;/b&gt; [self-generated concept-check question — menu path, identify tool/option, differentiate, or short procedure]&lt;br&gt;
    &lt;b&gt;Concept checked:&lt;/b&gt; [concept name]&lt;br&gt;
    &lt;details&gt;&lt;summary&gt;▶ View Answer&lt;/summary&gt;
      &lt;b&gt;Model Answer:&lt;/b&gt; [full answer with exact menu path / numbered steps as needed]&lt;br&gt;
      &lt;b&gt;Common mistake:&lt;/b&gt; [what students get wrong — be specific]
    &lt;/details&gt;
  &lt;/div&gt;]

<h2 id="s9">9. Student Notes (Copy-ready)</h2>
[Concise notes — every concept from PYQs — in .key-box and .def-box; self-check questions in .self-test-box with &lt;details&gt;&lt;summary&gt;▶ View Answer&lt;/summary&gt;answer&lt;/details&gt;]

<h2 id="s10">10. Homework</h2>
[DYNAMIC HOMEWORK (Class X IT 402 — practical/procedure subject). Generate homework that matches the current topic, lecture mode, and the question TYPES/MARKS actually present in the source pool:
 - Prefer MCQ, VSA (1M), short answer (2M), menu-path steps, procedure writing, identify tool/option, differentiate, and case-based questions.
 - Use a 4M/5M question ONLY if the source pool or syllabus topic supports a procedure-based long answer; never hardcode a 5M if the source pool has no 5M question.
 - Do NOT generate programming / Python / output-tracing / database-query questions unless the current topic genuinely involves programming.
 - Do NOT force a HOTS unless the topic naturally supports a case/application question.
 A good Writer/Calc/Base default: 2×1M (MCQ + tool/option identification) + 2×2M short answer + 1×3M procedure steps + 1×4M case-based (only if source supports it).
 These are self-generated questions in IT 402 style — do NOT label them "PYQ".
 Mark difficulty with .critical/.high/.medium tag.
EVERY answer wrapped in &lt;details&gt;&lt;summary&gt;▶ View Answer&lt;/summary&gt;...&lt;/details&gt; inside .self-test-box or .mcq-box]

<h2 id="s11">11. Keyboard Shortcuts & Menu Paths</h2>
[ONLY include shortcuts/paths directly relevant to "Creating and customizing table of contents Theory".
Table format: Shortcut/Path | Action | Notes
Include 4–8 entries. Mark exam-favourite shortcuts with a ⭐ note.
Wrap in &lt;table&gt;&lt;tr&gt;&lt;th&gt;Shortcut / Menu Path&lt;/th&gt;&lt;th&gt;Action&lt;/th&gt;&lt;th&gt;Notes&lt;/th&gt;&lt;/tr&gt;...&lt;/table&gt;]

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

<h2 id="s13">13. 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 or shortcut + 1 real 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 "Creating and customizing table of contents Theory" — zero content from other topics
- THEORY MODE: actual PYQs from Section 4 must NEVER appear in the visible HTML (no .pyq-box, no year/marks/section). Section 8 is a self-generated "Quick Concept Check" only.
- Always finish the document completely through &lt;/html&gt;. If the answer is getting long, keep Sections 3 and 8 (Quick Concept Check) complete, then compact Sections 9–13 instead of truncating.

- ANSWER HIDING (most important for student use):
    * Section 6 MCQs: options listed WITHOUT .correct/.wrong BEFORE details; full analysis only INSIDE &lt;details&gt;
    * Section 6 short/programming/HOTS, Section 9 self-check, Section 10 homework: EVERY answer in &lt;details&gt;&lt;summary&gt;▶ View Answer&lt;/summary&gt;
    * Section 8 Quick Concept Check: self-generated answer + common mistake inside &lt;details&gt;&lt;summary&gt;▶ View Answer&lt;/summary&gt; (no actual PYQs, no .pyq-box, no year/marks)
    * The beforeprint JS already auto-opens all &lt;details&gt; for printing — never skip this feature
- 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.
- THEORY MODE: do NOT use .pyq-box for actual PYQs anywhere in the visible HTML
- All content goes inside &lt;div class="main-content"&gt;
- The &lt;nav class="toc-sidebar"&gt; is already in the template — JS auto-builds TOC links
- Print buttons (.print-bar), including Read Mode, are in the template — DO NOT add them again; they auto-hide on print
- 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.
================================================