<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>W10 Wednesday — States of Matter Experiments</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: #2e7d32; margin-bottom: 2px; }
h2 { font-size: 13px; color: #555; font-weight: normal; font-style: italic; margin-bottom: 6px; }
h3 { font-size: 14px; color: #2e7d32; margin: 6px 0 3px; page-break-after: avoid; }
.reading-box { background: #e8f5e9; border-left: 5px solid #43a047; border-radius: 0 8px 8px 0; padding: 8px 12px; margin-bottom: 6px; font-size: 11.5px; line-height: 1.35; }
.reading-box p { margin-bottom: 3px; text-indent: 1em; }
.reading-box p:last-child { margin-bottom: 0; }
.answer-line { border-bottom: 1px solid #b0bec5; height: 22px; }
.answer-lines-triple .line-row { border-bottom: 1px solid #b0bec5; height: 18px; }
.activity-box { border: 2px solid #42a5f5; border-radius: 6px; padding: 7px 10px; margin-bottom: 6px; }
.safety-box { border: 2px solid #e53935; border-radius: 6px; padding: 7px 10px; margin-bottom: 6px; background: #ffebee; font-size: 11px; }
.draw-box { border: 2px dashed #42a5f5; border-radius: 6px; height: 70px; background: #fafafa; margin-bottom: 6px; }
.circle-box { display: inline-block; width: 14px; height: 14px; border: 2px solid #42a5f5; border-radius: 50%; margin-right: 3px; vertical-align: middle; }
.wordbank span { background: #e3f2fd; border: 1px solid #42a5f5; 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: #e8f5e9; color: #2e7d32; padding: 3px 5px; text-align: left; font-size: 10.5px; border: 1px solid #c8e6c9; }
td { padding: 3px 5px; border: 1px solid #e0e0e0; }
tr:nth-child(even) { background: #f9fbe7; }
.page { width: 7.5in; min-height: 10in; position: relative; }
.page + .page { page-break-before: always; }
.vocab-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; margin-bottom: 6px; }
.vocab-card { border: 2px solid #42a5f5; border-radius: 6px; padding: 4px 7px; }
.vocab-card strong { display: block; color: #1565c0; 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; }
</style>
</head>
<body>
<!-- ==================== PAGE 1 ==================== -->
<div class="page">
<h1>States of Matter Experiments</h1>
<h2>Week 10 • Wednesday • Watching Matter Change • Name: ______________________</h2>
<h3>📖 Reading Time</h3>
<div class="reading-box">
<p>Matter can change from one state to another. Heat makes these changes happen. Today you will watch matter change!</p>
<p>When a solid gets warm enough, it melts. Melting turns a solid into a liquid. Ice melts into water. This is called melting.</p>
<p>When a liquid gets very hot, it boils. Boiling turns a liquid into a gas. The gas from boiling water is called steam. Steam rises into the air.</p>
<p>These changes work in nature too. The sun warms puddles. The water turns into a gas and floats up. This is called evaporation. High in the sky, the gas cools into clouds. Then rain falls back down. This is the water cycle!</p>
</div>
<h3>⚠️ Safety First</h3>
<div class="safety-box">
<p><strong>Adult supervision is required for the boiling water experiment.</strong> Only an adult touches the pot and the stove. Stand back at least three big steps. Never touch hot water or steam — steam can burn! Keep hands and faces away from the pot.</p>
</div>
<h3>✏️ Reading Questions</h3>
<p><strong>1.</strong> What happens when a solid melts?</p>
<div class="answer-line"></div>
<p><strong>2.</strong> What is the gas from boiling water called?</p>
<div class="answer-line"></div>
<p><strong>3.</strong> What makes matter change states?</p>
<div class="answer-line"></div>
<h3>🔬 Experiment 1: Melting Ice (Solid to Liquid)</h3>
<div class="activity-box">
<p style="font-size:10.5px;"><strong>You need:</strong> 2 ice cubes, 2 small plates, a sunny spot or warm room, a clock.</p>
<p style="font-size:10.5px;"><strong>Steps:</strong> 1. Put one ice cube on each plate. 2. Put one plate in a warm spot. 3. Put the other plate in a cool spot. 4. Check both every 10 minutes. 5. Record what you see below.</p>
</div>
</div>
<!-- ==================== PAGE 2 ==================== -->
<div class="page">
<h1>Watch and Record</h1>
<h2>Week 10 • Wednesday • Page 2</h2>
<h3>📊 Melting Ice Observation Chart</h3>
<table>
<tr><th>Check Time</th><th>Warm Spot Ice</th><th>Cool Spot Ice</th></tr>
<tr><td>Start</td><td style="height:26px;"></td><td></td></tr>
<tr><td>After 10 minutes</td><td style="height:26px;"></td><td></td></tr>
<tr><td>After 20 minutes</td><td style="height:26px;"></td><td></td></tr>
<tr><td>After 30 minutes</td><td style="height:26px;"></td><td></td></tr>
</table>
<p><strong>Which ice cube melted faster?</strong></p>
<div class="answer-line"></div>
<p><strong>Why do you think it melted faster?</strong></p>
<div class="answer-line"></div>
<h3>🔬 Experiment 2: Boiling Water (Liquid to Gas)</h3>
<div class="activity-box">
<p style="font-size:10.5px;"><strong>Adult only:</strong> An adult heats a small pot of water on the stove. You watch from three big steps away.</p>
<p style="font-size:10.5px;"><strong>Watch for:</strong> Little bubbles first, then big bubbles, then steam rising up!</p>
</div>
<h3>📊 Boiling Water: Sort What You Saw</h3>
<p style="font-size:10.5px; margin-bottom:3px;">Check the box for each thing you observed.</p>
<table>
<tr><th>Observation</th><th>Did you see it?</th></tr>
<tr><td>Small bubbles on the bottom of the pot</td><td><span class="circle-box"></span> Yes <span class="circle-box"></span> No</td></tr>
<tr><td>Big bubbles rising to the top</td><td><span class="circle-box"></span> Yes <span class="circle-box"></span> No</td></tr>
<tr><td>Steam rising from the water</td><td><span class="circle-box"></span> Yes <span class="circle-box"></span> No</td></tr>
<tr><td>Less water in the pot after boiling</td><td><span class="circle-box"></span> Yes <span class="circle-box"></span> No</td></tr>
</table>
<h3>🎨 Drawing: Before and After</h3>
<p style="font-size:10.5px; margin-bottom:3px;">Draw the ice cube before melting and after melting.</p>
<div class="draw-grid" style="grid-template-columns: 1fr 1fr;">
<div>
<div class="draw-box" style="height:95px;"></div>
<p style="text-align:center; font-size:10.5px;">Before: solid ice</p>
</div>
<div>
<div class="draw-box" style="height:95px;"></div>
<p style="text-align:center; font-size:10.5px;">After: liquid water</p>
</div>
</div>
</div>
<!-- ==================== PAGE 3 ==================== -->
<div class="page">
<h1>The Water Cycle</h1>
<h2>Week 10 • Wednesday • Page 3</h2>
<h3>✏️ Extended Writing: Tell the Story of a Water Drop</h3>
<p style="font-size:10.5px; margin-bottom:3px;">Pretend you are a drop of water in a puddle. The sun warms you up. What happens next? Use the words evaporate, cloud, and rain.</p>
<div class="answer-lines-triple">
<div class="line-row"></div>
<div class="line-row"></div>
<div class="line-row"></div>
<div class="line-row"></div>
<div class="line-row"></div>
</div>
<h3>🧠 Design Challenge: Speed Up the Melt!</h3>
<div class="activity-box">
<p style="font-size:10.5px; margin-bottom:3px;">You must melt an ice cube as fast as you can. You may not use a stove. Draw or write your plan below.</p>
<div class="draw-box" style="height:85px;"></div>
<p style="font-size:10.5px;">Why will your plan work?</p>
<div class="answer-line"></div>
<div class="answer-line"></div>
</div>
<h3>📓 Science Journal</h3>
<div class="activity-box">
<p style="font-size:10.5px; margin-bottom:3px;">Today I watched matter change states. The most surprising thing I saw was...</p>
<div class="answer-lines-triple">
<div class="line-row"></div>
<div class="line-row"></div>
<div class="line-row"></div>
</div>
<p style="font-size:10.5px; margin-top:4px;">Circle the change you saw today: solid → liquid liquid → gas both!</p>
</div>
</div>
</body>
</html>