<!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 11</span><span class="day">Tuesday</span><span class="topic">Multiple Strategies for Mixed Operations</span></div>
<div class="sec"><div class="sec-head"><span class="sec-n">1</span><span class="sec-t">Warm-up: ±10 and ±100</span></div><div class="abox" style="background:#e8f5e9;"><p><b>2-min Fluency Warm-up</b> — Mental math.</p><div class="mgrid c3"><div class="abox"><p>53 + 10 = <span class="b" style="min-width:4em"></span></p></div><div class="abox"><p>78 − 10 = <span class="b" style="min-width:4em"></span></p></div><div class="abox"><p>200 + 100 = <span class="b" style="min-width:4em"></span></p></div><div class="abox"><p>400 − 100 = <span class="b" style="min-width:4em"></span></p></div></div></div></div>
<div class="sec"><div class="sec-head"><span class="sec-n">2</span><span class="sec-t">Estimate First!</span></div><div class="abox" style="background:#fff3e0;"><p><b>Estimate First!</b> Round to tens, estimate, then find the actual answer.</p><div class="mgrid c2"><div class="abox"><p><b>38 + 27</b></p><p>Estimate (40 + 30): <span class="b" style="min-width:4em"></span></p><p>Actual: <span class="b" style="min-width:4em"></span></p></div><div class="abox"><p><b>65 − 28</b></p><p>Estimate (70 − 30): <span class="b" style="min-width:4em"></span></p><p>Actual: <span class="b" style="min-width:4em"></span></p></div><div class="abox"><p><b>44 + 39</b></p><p>Estimate (40 + 40): <span class="b" style="min-width:4em"></span></p><p>Actual: <span class="b" style="min-width:4em"></span></p></div><div class="abox"><p><b>82 − 36</b></p><p>Estimate (80 − 40): <span class="b" style="min-width:4em"></span></p><p>Actual: <span class="b" style="min-width:4em"></span></p></div></div></div></div>
<div class="sec"><div class="sec-head"><span class="sec-n">3</span><span class="sec-t">Show Two Different Strategies</span></div><div class="abox"><p class="note">Use a different strategy for each problem.</p><p style="font-size:11px; color:#666;">Strategies: column method, base-10 blocks, number line, counting up.</p><div class="mgrid c2"><div class="abox"><p><b>28 + 45 = </b><span class="b" style="min-width:5em"></span></p><p style="font-size:11px; color:#666;">Strategy I used: <span class="bw" style="min-width:10em"></span></p><p style="min-height:40px; border-bottom:1px solid #ddd;"></p></div><div class="abox"><p><b>73 − 38 = </b><span class="b" style="min-width:5em"></span></p><p style="font-size:11px; color:#666;">Strategy I used: <span class="bw" style="min-width:10em"></span></p><p style="min-height:40px; border-bottom:1px solid #ddd;"></p></div><div class="abox"><p><b>56 + 37 = </b><span class="b" style="min-width:5em"></span></p><p style="font-size:11px; color:#666;">Strategy I used: <span class="bw" style="min-width:10em"></span></p><p style="min-height:40px; border-bottom:1px solid #ddd;"></p></div><div class="abox"><p><b>91 − 45 = </b><span class="b" style="min-width:5em"></span></p><p style="font-size:11px; color:#666;">Strategy I used: <span class="bw" style="min-width:10em"></span></p><p style="min-height:40px; border-bottom:1px solid #ddd;"></p></div></div></div></div>
<div class="sec"><div class="sec-head"><span class="sec-n">4</span><span class="sec-t">Word Problems</span></div><div class="wp"><p class="note">Read carefully. Think about what is happening.</p><div class="mgrid c2"><div class="abox"><p style="font-size:0.95em;">The art room had 36 paint brushes. The teacher ordered 27 more. Then 8 brushes broke and were thrown away. How many good brushes 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> brushes</p></div><div class="abox"><p style="font-size:0.95em;">A train had 84 passengers at the first stop. At the second stop, 31 passengers got off. At the third stop, 19 passengers got on. How many passengers are on the train 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> passengers</p></div></div></div></div>
<div class="sec"><div class="sec-head"><span class="sec-n">5</span><span class="sec-t">Number Talk: Compare Without Calculating</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: 45 + 38</p><p>B: 48 + 35</p><p>Which 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: 72 − 24</p><p>B: 72 − 34</p><p>Which 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>
</page>
</body></html>