<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Democracy</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>🗳️ Democracy: The People Get a Vote</h1>
<h2>Week 9 • Tuesday • The People Get a Vote</h2>
<section class="lesson-section">
<h3>📖 Reading Time</h3>
<div class="reading-box">
<p>In most ancient lands, one king made ALL the rules. But about 2,500 years ago, the people of <strong>Athens</strong> tried something brand new. They said: let the citizens decide together! They called it <strong>democracy</strong>, from Greek words meaning 'rule by the people.'</p>
<p>Citizens of Athens met on a hill called the <strong>Pnyx</strong>. Anyone could stand up and give a speech. Then everyone voted, sometimes by raising hands, sometimes by dropping colored stones or pieces of pottery into jars. The side with the most votes won!</p>
<p>Athenian democracy wasn't perfect — only free men born in Athens could vote, not women, children, or enslaved people. But the IDEA grew and grew. Today, in countries like ours, adults of all kinds vote to choose leaders. That big idea started in Athens!</p>
</div>
</section>
<section class="lesson-section">
<h3>✏️ Reading Questions</h3>
<p>1. What does the word 'democracy' mean?</p>
<div class="answer-line"></div>
<p>2. How did Athenians vote?</p>
<div class="answer-line"></div>
<p>3. Who was NOT allowed to vote in Athens?</p>
<div class="answer-lines-triple">
<div class="line-row"></div>
<div class="line-row"></div>
<div class="line-row"></div>
</div>
</section>
</div>
<div class="page">
<section class="lesson-section">
<h3>✏️ True or False</h3>
<p style="font-size:10.5px; color:#555;">Write T for true or F for false in each circle.</p>
<div class="tf-item"><span class="circle-box"></span> Democracy means 'rule by the people.'</div>
<div class="tf-item"><span class="circle-box"></span> Democracy started in the city of Athens.</div>
<div class="tf-item"><span class="circle-box"></span> Athenians sometimes voted with stones or pottery pieces.</div>
<div class="tf-item"><span class="circle-box"></span> Everyone in Athens could vote, even children.</div>
<div class="tf-item"><span class="circle-box"></span> Citizens met on a hill called the Pnyx.</div>
<div class="tf-item"><span class="circle-box"></span> Today many countries use democracy.</div>
</section>
<section class="lesson-section">
<h3>✏️ Fill in the Blanks</h3>
<div class="wordbank">
<span>Athens</span><span>vote</span><span>democracy</span><span>speech</span><span>people</span>
</div>
<p>1. <span class="fill-blank-line"></span> means rule by the people.</p>
<p>2. The idea began in the Greek city of <span class="fill-blank-line"></span>.</p>
<p>3. Any citizen could stand up and give a <span class="fill-blank-line"></span>.</p>
<p>4. After the speeches, everyone would <span class="fill-blank-line"></span>.</p>
<p>5. In a democracy, power belongs to the <span class="fill-blank-line"></span>.</p>
</section>
</div>
<div class="page">
<section class="lesson-section">
<h3>🔍 Hands-On: Family Vote</h3>
<div class="activity-box">
<p style="margin-bottom:2px;">Hold a family democracy meeting! Pick a real question: What should we have for dinner? What game should we play?</p>
<p style="margin-bottom:2px;">Let each person give a short speech for their choice. Then vote with 'pottery pieces' (buttons, coins, or paper scraps) dropped into cups. Count the votes — the people have spoken!</p>
</div>
</section>
<section class="lesson-section">
<h3>🧠 Think About It</h3>
<p>1. What did your family vote on, and which side won?</p>
<div class="answer-lines-triple">
<div class="line-row"></div>
<div class="line-row"></div>
<div class="line-row"></div>
</div>
<p>2. Was it fair that women and children couldn't vote in Athens? Why not?</p>
<div class="answer-lines-triple">
<div class="line-row"></div>
<div class="line-row"></div>
<div class="line-row"></div>
</div>
</section>
</div>
</body>
</html>