<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Civil War Begins</title>
<style>
@page { size: 8.5in 11in; margin: 0.5in; }
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: 'Georgia', serif; color: #1a1a1a; font-size: 12px; line-height: 1.5; }
h1 { font-size: 22px; color: #e65100; margin-bottom: 2px; }
h2 { font-size: 13px; color: #555; font-weight: normal; font-style: italic; margin-bottom: 6px; }
h3 { font-size: 14px; color: #e65100; margin: 4px 0 2px; page-break-after: avoid; }
.reading-box { background: #fff3e0; border-left: 5px solid #ff9800; border-radius: 0 8px 8px 0; padding: 6px 10px; margin-bottom: 4px; font-size: 11.5px; line-height: 1.3; }
.reading-box p { margin-bottom: 2px; text-indent: 1em; }
.reading-box p:last-child { margin-bottom: 0; }
.answer-line { border-bottom: 1px solid #b0bec5; height: 18px; margin-bottom: 2px; }
.answer-lines-triple .line-row { border-bottom: 1px solid #b0bec5; height: 15px; margin-bottom: 1px; }
.fill-blank-line { display: inline-block; width: 80px; border-bottom: 1px solid #b0bec5; height: 18px; vertical-align: text-bottom; margin: 0 2px; }
.activity-box { border: 2px solid #ff9800; border-radius: 6px; padding: 5px 8px; margin-bottom: 4px; background: #fffaf3; }
.activity-box p { margin-bottom: 2px !important; }
.draw-box { border: 2px dashed #ff9800; border-radius: 6px; height: 55px; background: #fafafa; margin-bottom: 4px; }
.circle-box { display: inline-block; width: 14px; height: 14px; border: 2px solid #ff9800; border-radius: 50%; margin-right: 3px; vertical-align: middle; }
.wordbank span { background: #fff3e0; border: 1px solid #ff9800; border-radius: 4px; padding: 1px 5px; font-size: 10.5px; margin-right: 2px; display: inline-block; margin-bottom: 2px; }
table { width: 100%; border-collapse: collapse; margin-bottom: 6px; font-size: 11px; page-break-inside: avoid; }
th { background: #fff3e0; color: #e65100; padding: 3px 5px; text-align: left; font-size: 10.5px; border: 1px solid #ffe0b2; }
td { padding: 3px 5px; border: 1px solid #e0e0e0; }
tr:nth-child(even) { background: #fef5ee; }
.lesson-section { page-break-inside: avoid; }
.vocab-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; margin-bottom: 6px; }
.vocab-card { border: 2px solid #ff9800; border-radius: 6px; padding: 4px 7px; }
.vocab-card strong { display: block; color: #e65100; font-size: 12px; margin-bottom: 2px; }
.vocab-card .line-row { border-bottom: 1px solid #b0bec5; height: 16px; }
.draw-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 6px; margin-bottom: 6px; }
.tf-item { margin-bottom: 5px; }
</style>
</head>
<body>
<div class="page">
<h1>🇺🇸 A Country Divided</h1>
<h2>Week 29 • Monday • North vs South</h2>
<section class="lesson-section">
<h3>📖 Reading Time</h3>
<div class="reading-box">
<p>By the 1860s, America was like one family having a very big argument. The Northern states and the Southern states disagreed about many things — most of all, about <strong>slavery</strong>.</p>
<p>Slavery meant that some people were forced to work for others with no pay and no freedom. It was very wrong. Many people in the North wanted slavery to end. Many leaders in the South wanted to keep it.</p>
<p>The argument grew so big that the Southern states tried to leave and form their own country. That started the <strong>Civil War</strong> — a war between the North and the South, Americans fighting Americans. This week you will learn about this sad but important time.</p>
</div>
</section>
<section class="lesson-section">
<h3>✏️ Reading Questions</h3>
<p>1. What did the North and South disagree about most of all?</p>
<div class="answer-line"></div>
<p>2. What was slavery?</p>
<div class="answer-line"></div>
<p>3. What did the Southern states try to do?</p>
<div class="answer-line"></div>
<p>4. What is a civil war?</p>
<div class="answer-line"></div>
</section>
<section class="lesson-section">
<h3>🎯 This Week's Goals</h3>
<div class="activity-box">
<p style="margin-bottom:2px;"><strong>By the end of this week, you will be able to:</strong></p>
<p style="margin-bottom:2px;">1. Explain why the North and South went to war.</p>
<p style="margin-bottom:2px;">2. Tell what slavery was and why it was wrong.</p>
<p style="margin-bottom:2px;">3. Describe how the war ended and the country came back together.</p>
<p style="margin-bottom:2px;">4. Explain how people can solve big disagreements fairly.</p>
</div>
</section>
</div>
<div class="page">
<section class="lesson-section">
<h3>📝 Vocabulary Grid</h3>
<p style="font-size:10.5px; color:#555;">Write what each word means in your own words.</p>
<div class="vocab-grid">
<div class="vocab-card"><strong>slavery</strong><div class="line-row"></div><div class="line-row"></div></div>
<div class="vocab-card"><strong>North</strong><div class="line-row"></div><div class="line-row"></div></div>
<div class="vocab-card"><strong>South</strong><div class="line-row"></div><div class="line-row"></div></div>
<div class="vocab-card"><strong>civil war</strong><div class="line-row"></div><div class="line-row"></div></div>
<div class="vocab-card"><strong>freedom</strong><div class="line-row"></div><div class="line-row"></div></div>
<div class="vocab-card"><strong>disagree</strong><div class="line-row"></div><div class="line-row"></div></div>
</div>
</section>
<section class="lesson-section">
<h3>📊 North or South?</h3>
<p style="font-size:10.5px; color:#555;">Write N for the North or S for the South.</p>
<table>
<tr><th>Clue</th><th>N or S?</th></tr>
<tr><td>Many people here wanted slavery to end.</td><td></td></tr>
<tr><td>Leaders here wanted to keep slavery.</td><td></td></tr>
<tr><td>These states tried to leave the country.</td><td></td></tr>
<tr><td>These states wanted to keep the country together.</td><td></td></tr>
</table>
</section>
</div>
<div class="page">
<section class="lesson-section">
<h3>✏️ Fill in the Blanks</h3>
<div class="wordbank">
<span>argument</span><span>slavery</span><span>North</span><span>leave</span><span>Civil</span><span>Americans</span>
</div>
<p>1. America was like a family having a big <span class="fill-blank-line"></span>.</p>
<p>2. The biggest disagreement was about <span class="fill-blank-line"></span>.</p>
<p>3. Many in the <span class="fill-blank-line"></span> wanted slavery to end.</p>
<p>4. Southern states tried to <span class="fill-blank-line"></span> the country.</p>
<p>5. This started the <span class="fill-blank-line"></span> War.</p>
<p>6. It was <span class="fill-blank-line"></span> fighting <span class="fill-blank-line"></span>.</p>
</section>
<section class="lesson-section">
<h3>🧠 Think About It</h3>
<p>1. Why is a war between people of the same country extra sad?</p>
<div class="answer-lines-triple">
<div class="line-row"></div>
<div class="line-row"></div>
<div class="line-row"></div>
</div>
</section>
<section class="lesson-section">
<h3>📊 Review</h3>
<table>
<tr><th>I learned...</th><th>Circle one</th></tr>
<tr><td>What the North and South disagreed about</td><td>YES / NOT YET</td></tr>
<tr><td>What slavery was</td><td>YES / NOT YET</td></tr>
<tr><td>How the Civil War started</td><td>YES / NOT YET</td></tr>
</table>
</section>
</div>
</body>
</html>