<!DOCTYPE html>
<html><head><meta charset="utf-8">
<style>
@page { size: 8.5in 11in; margin: 0.5in; }
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: 'Helvetica Neue', Arial, sans-serif; color: #222; font-size: 14px; line-height: 1.7; }
page { width: 7.5in; }
page + page { page-break-before: always; }
/* ── Header ── */
.head { display: flex; align-items: baseline; gap: 10px; padding-bottom: 4px; border-bottom: 3px solid #3f51b5; margin-bottom: 6px; }
.head .week { font-size: 18px; font-weight: 700; color: #3f51b5; letter-spacing: -0.5px; }
.head .day { font-size: 14px; font-weight: 600; color: #3f51b5; background: #e8eaf6; padding: 2px 10px; border-radius: 3px; }
.head .topic { font-size: 12px; color: #888; margin-left: auto; font-style: italic; }
/* ── Section ── */
.sec { margin-bottom: 8px; }
.sec.pb { break-after: avoid; page-break-after: avoid; }
.sec-head { display: flex; align-items: center; gap: 6px; margin-bottom: 4px; }
.sec-n { font-size: 9px; font-weight: 700; color: #fff; background: #3f51b5; width: 18px; height: 18px; display: inline-flex; align-items: center; justify-content: center; border-radius: 3px; flex-shrink: 0; }
.sec-t { font-size: 13px; font-weight: 600; color: #333; }
.note { font-size: 10.5px; color: #999; font-style: italic; margin-bottom: 4px; }
/* ── Math grid ── */
.mgrid { display: grid; gap: 8px 0; }
.mgrid.c2 { grid-template-columns: 1fr 1fr; }
.mgrid.c3 { grid-template-columns: 1fr 1fr 1fr; }
.mgrid.c4 { grid-template-columns: 1fr 1fr 1fr 1fr; }
/* ── Blanks ── */
.b { display: inline-block; border-bottom: 1.5px solid #333; min-width: 8em; text-align: center; }
.bw { display: inline-block; border-bottom: 1.5px solid #333; min-width: 18em; text-align: center; }
.bl { display: inline-block; border-bottom: 1.5px solid #333; min-width: 22em; text-align: center; }
/* ── Boxes ── */
.abox { border: 1.5px solid #e0e0e0; border-radius: 4px; padding: 8px 10px; margin-bottom: 5px; }
.dbox { border: 1.5px dashed #ccc; border-radius: 4px; min-height: 80px; background: #fafafa; margin-bottom: 8px; }
.draw-box { border: 1.5px dashed #bbb; border-radius: 6px; min-height: 80px; background: #fafafa; margin: 8px 0; }
.starbox { border: 2px solid #ffc107; border-radius: 6px; padding: 10px 12px; margin-bottom: 8px; background: #fffde7; }
.selfcheck { border: 1.5px solid #4caf50; border-radius: 4px; padding: 6px 10px; margin-bottom: 5px; background: #f1f8e9; }
/* ── Table ── */
.tbl { width: 100%; border-collapse: collapse; margin-bottom: 8px; font-size: 12px; }
.tbl th { background: #f5f5f5; color: #333; padding: 5px 8px; text-align: center; border-bottom: 2px solid #3f51b5; font-weight: 600; font-size: 11.5px; }
.tbl td { padding: 5px 8px; border-bottom: 1px solid #eee; text-align: center; }
/* ── Word problem ── */
.wp { border-left: 3px solid #3f51b5; padding-left: 8px; margin-bottom: 8px; }
/* ── Number chart ── */
.chart { display: grid; grid-template-columns: repeat(10, 1fr); font-family: 'Courier New', monospace; font-size: 11px; text-align: center; line-height: 1; }
.chart .c { border: 1px solid #ddd; padding: 3px 1px; }
.chart .c.hl { background: #f5f5f5; }
.chart .c.miss { border: 1.5px dashed #3f51b5; min-height: 16px; background: #fafafa; }
.chart .c.hdr { background: #3f51b5; color: #fff; font-weight: 600; border-color: #3f51b5; }
/* ── Ordering boxes ── */
.orow { display: flex; gap: 3px; align-items: center; margin-bottom: 3px; font-family: 'Courier New', monospace; font-size: 14px; }
.obox { border: 1.5px solid #333; min-width: 2.2em; min-height: 1.4em; text-align: center; display: inline-block; }
/* ── Number bonds ── */
.bond { display: flex; align-items: center; gap: 6px; margin-bottom: 6px; font-family: 'Courier New', monospace; font-size: 14px; }
.bcirc { border: 2px solid #3f51b5; border-radius: 50%; width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; }
/* ── Skip counting ── */
.skrow { font-family: 'Courier New', monospace; font-size: 16px; display: flex; gap: 3px; align-items: center; flex-wrap: wrap; margin-bottom: 4px; }
.skn { display: inline-block; min-width: 2.5em; text-align: center; }
.skip-num { display: inline-block; width: 34px; height: 34px; line-height: 34px; text-align: center; border: 1.5px solid #3f51b5; border-radius: 50%; font-size: 14px; font-weight: 600; margin: 2px; }
.skip-blank { display: inline-block; width: 34px; height: 34px; line-height: 34px; text-align: center; border: 1.5px dashed #333; border-radius: 50%; font-size: 14px; margin: 2px; background: #fafafa; }
/* ── Star self-check ── */
.star-row { display: flex; align-items: center; gap: 8px; margin-bottom: 4px; font-size: 13px; }
.stars { letter-spacing: 2px; color: #ccc; font-size: 16px; }
/* ── Ruler ── */
.ruler-container { position: relative; margin: 6px 0; }
.ruler { border: 1px solid #333; border-top: none; height: 28px; position: relative; background: #fffef0; }
.ruler-label { font-size: 9px; color: #666; text-align: center; margin-top: 2px; }
.ruler-marks { position: relative; height: 28px; }
.ruler-mark { position: absolute; bottom: 0; width: 1px; background: #333; }
.ruler-mark.major { height: 16px; }
.ruler-mark.mid { height: 12px; }
.ruler-mark.minor { height: 8px; }
.ruler-num { position: absolute; font-size: 9px; color: #333; transform: translateX(-50%); }
.measure-line { border-bottom: 2px solid #333; margin: 8px 0; position: relative; }
.obj-label { font-size: 11px; font-weight: 600; color: #333; display: inline-block; margin-bottom: 2px; }
.comparison { display: flex; align-items: center; gap: 6px; margin-bottom: 4px; }
.comparison .val { font-family: 'Courier New', monospace; font-size: 13px; font-weight: 600; }
/* ── Multiplication ── */
.group-row { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; margin: 4px 0; }
.group-circle { width: 12px; height: 12px; display: inline-block; vertical-align: middle; }
.array-svg { width: 120px; height: auto; margin: 4px 0; }
.eqgroup-box { border: 2px solid #e0e0e0; border-radius: 8px; padding: 6px; display: inline-flex; gap: 3px; align-items: center; margin: 4px; min-width: 60px; justify-content: center; background: #fafafa; }
.mult-sign { font-size: 16px; font-weight: 700; color: #3f51b5; }
.div-sign { font-size: 16px; font-weight: 700; color: #3f51b5; }
.highlight { color: #3f51b5; font-weight: 700; }
.times-table { border: 2px solid #3f51b5; border-radius: 8px; padding: 8px; margin: 4px 0; background: #f5f5f5; }
.times-table h4 { font-size: 14px; color: #3f51b5; margin-bottom: 4px; }
.times-row { display: flex; align-items: center; gap: 6px; padding: 2px 0; font-size: 13px; }
.times-row .eq { color: #999; }
.chart-cell { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 28px; font-size: 11px; text-align: center; }
.chart-cell.header { font-weight: 700; background: #3f51b5; color: #fff; border-radius: 3px; }
.chart-cell.data { border: 1px solid #e0e0e0; }
.chart-cell.data.filled { background: #e8eaf6; font-weight: 600; color: #3f51b5; }
.chart-cell.data.empty { background: #fafafa; color: #ccc; }
/* ── Fluency grids ── */
.fluency-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 4px; }
.fluency-item { border: 1.5px solid #e0e0e0; border-radius: 4px; padding: 4px; text-align: center; font-size: 12px; }
.fluency-item .answer { margin-top: 2px; }
/* ── Scavenger / certificates ── */
.scavenger-card { border: 2px solid #ff9800; border-radius: 8px; padding: 8px 10px; margin-bottom: 6px; background: #fff3e0; }
.scavenger-card .clue { font-size: 11px; color: #e65100; font-weight: 600; }
.scavenger-card .answer-line { margin-top: 4px; }
.cert-border { border: 4px double #3f51b5; border-radius: 12px; padding: 20px; text-align: center; background: linear-gradient(to bottom, #fffde7, #fff); }
.cert-title { font-size: 24px; font-weight: 700; color: #3f51b5; margin-bottom: 4px; }
.cert-subtitle { font-size: 14px; color: #555; margin-bottom: 8px; }
.cert-name { font-size: 18px; border-bottom: 2px solid #333; display: inline-block; min-width: 200px; margin: 8px 0; }
.cert-body { font-size: 12px; color: #555; margin: 8px 0; line-height: 1.6; }
.mixed-problem { border: 1.5px solid #e0e0e0; border-radius: 4px; padding: 6px 10px; margin-bottom: 4px; }
.badge-row { display: flex; gap: 8px; flex-wrap: wrap; }
.badge { border: 2px solid; border-radius: 6px; padding: 4px 8px; font-size: 10px; font-weight: 600; }
.cat-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 4px; }
.cat-item { border: 1.5px solid #e0e0e0; border-radius: 4px; padding: 5px; text-align: center; font-size: 11px; }
.cat-svg { width: 100px; height: 100px; }
/* ── Work line ── */
.work-line { border-bottom: 1px solid #ddd; height: 24px; margin-bottom: 3px; }
</style></head><body>
<page>
<div class="head"><span class="week">Week 9</span><span class="day">Thursday</span><span class="topic">Word Problems with Regrouping</span></div>
<div class="sec"><div class="sec-head"><span class="sec-n">1</span><span class="sec-t">Word Problems: Think About What Is Happening</span></div><div class="wp"><p class="note">Read carefully. Think about what is happening in the situation.</p><div class="mgrid c2"><div class="abox"><p style="font-size:0.95em;">Emma collected 28 seashells on the beach on Saturday. On Sunday, she found 35 more while walking her dog. She put all her seashells in her collection box. How many seashells are in the box now?</p><p style="font-size:11px;">Draw or write your thinking: <span class="bw" style="min-width:10em"></span></p><p><span class="b" style="min-width:6em"></span> seashells</p></div><div class="abox"><p style="font-size:0.95em;">The school library had 47 picture books last week. This week, the librarian ordered 36 new ones to add to the shelf. How many picture books are there now?</p><p style="font-size:11px;">Draw or write your thinking: <span class="bw" style="min-width:10em"></span></p><p><span class="b" style="min-width:6em"></span> picture books</p></div><div class="abox"><p style="font-size:0.95em;">During soccer practice, Jake scored 58 goals in the morning game. In the afternoon game, he scored 48 more goals. How many goals did Jake score that day?</p><p style="font-size:11px;">Draw or write your thinking: <span class="bw" style="min-width:10em"></span></p><p><span class="b" style="min-width:6em"></span> goals</p></div></div></div></div>
<div class="sec"><div class="sec-head"><span class="sec-n">2</span><span class="sec-t">Two-Step Problem</span></div><div class="abox"><p class="note">Solve step by step. Write each answer as you go.</p><p class="note">Solve each step carefully.</p><div class="wp">
<div style="margin-bottom:8px;"><p><b>1.</b> Sarah has 28 stickers. Her friend Tom gives her 35 stickers. Then her mom gives her 27 more stickers for her birthday. How many stickers does Sarah have now?</p><p><span class="b" style="min-width:4em"></span> <span class="b" style="min-width:4em"></span></p><div class="draw-box" style="min-height:40px;"></div></div>
</div></div></div>
<div class="sec"><div class="sec-head"><span class="sec-n">3</span><span class="sec-t">Number Talk: Compare Sums</span></div><div class="abox" style="background:#e3f2fd;"><p><b>Number Talk</b> — Explain WITHOUT calculating.</p><div class="mgrid c2"><div class="abox"><p>A: 38 + 49</p><p>B: 48 + 39</p><p>Which sum is bigger, or are they the same?</p><p style="font-size:11px;">My thinking: <span class="bw" style="min-width:10em"></span></p></div><div class="abox"><p>A: 26 + 57</p><p>B: 27 + 56</p><p>Which sum is bigger, or are they the same?</p><p style="font-size:11px;">My thinking: <span class="bw" style="min-width:10em"></span></p></div></div></div></div>
<div class="sec"><div class="sec-head"><span class="sec-n">4</span><span class="sec-t">Challenge: Create Your Own</span></div><div class="abox" style="background:#f3e5f5;"><p><b>Create Your Own Word Problem</b></p><p>Write an addition word problem about something you like (sports, animals, games, food, etc.). Make sure it needs regrouping. Then solve it.</p><p style="min-height:60px; border-bottom:1px solid #333;"></p><p style="min-height:30px; border-bottom:1px solid #333;"></p><p style="font-size:11px;">My thinking: <span class="bw" style="min-width:10em"></span></p><p>Answer: <span class="bl" style="min-width:14em"></span></p></div></div>
</page>
</body></html>