<!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 23</span><span class="day">Wednesday</span><span class="topic">Lines of Symmetry</span></div>
<div class="sec"><div class="sec-head"><span class="sec-n">1</span><span class="sec-t">Warm-up: Right Angle Hunt</span></div><div class="abox" style="background:#e8f5e9;"><p><b>2-min Warm-up</b> — Room hunt! Find 3 right angles in your room and write where you found them.</p><p>1. <span class="bw" style="min-width:10em"></span></p><p>2. <span class="bw" style="min-width:10em"></span></p><p>3. <span class="bw" style="min-width:10em"></span></p></div></div>
<div class="sec"><div class="sec-head"><span class="sec-n">2</span><span class="sec-t">Learn: What is Symmetry?</span></div><p class="note">A shape has <b>symmetry</b> when you can fold it and both halves match exactly. The fold line is called a <b>line of symmetry</b>.</p><div class="mgrid c3"><div class="abox" style="text-align:center;"><svg viewBox="0 0 56 56" width="56" height="56"><path d="M28 48 C10 34 6 20 14 13 C20 8 27 11 28 17 C29 11 36 8 42 13 C50 20 46 34 28 48 Z" fill="#f8bbd0" stroke="#333" stroke-width="1.5"/><line x1="28" y1="4" x2="28" y2="52" stroke="#e53935" stroke-width="1.5" stroke-dasharray="4,3"/></svg><p style="font-size:11px;">The heart folds into two matching halves. ✓</p></div><div class="abox" style="text-align:center;"><svg viewBox="0 0 56 56" width="56" height="56"><path d="M10 8 H46 V18 H33 V50 H23 V18 H10 Z" fill="#80cbc4" stroke="#333" stroke-width="1.5"/><line x1="28" y1="4" x2="28" y2="52" stroke="#e53935" stroke-width="1.5" stroke-dasharray="4,3"/></svg><p style="font-size:11px;">The letter T matches too. ✓</p></div><div class="abox" style="text-align:center;"><svg viewBox="0 0 56 56" width="56" height="56"><path d="M16 8 H44 V17 H26 V25 H40 V34 H26 V50 H16 Z" fill="#ffab91" stroke="#333" stroke-width="1.5"/><line x1="28" y1="4" x2="28" y2="52" stroke="#e53935" stroke-width="1.5" stroke-dasharray="4,3"/></svg><p style="font-size:11px;">The letter F does NOT match! ✗</p></div></div></div>
<div class="sec"><div class="sec-head"><span class="sec-n">3</span><span class="sec-t">Draw the Lines of Symmetry</span></div><p class="note">Draw ALL the lines of symmetry you can find. Then write how many.</p><div class="mgrid c3"><div class="abox" style="text-align:center;"><svg viewBox="0 0 56 56" width="56" height="56"><path d="M28 48 C10 34 6 20 14 13 C20 8 27 11 28 17 C29 11 36 8 42 13 C50 20 46 34 28 48 Z" fill="#f8bbd0" stroke="#333" stroke-width="1.5"/></svg><p style="font-size:11px;"><b>Heart</b></p><p><span class="b" style="min-width:3em"></span> line(s)</p></div><div class="abox" style="text-align:center;"><svg viewBox="0 0 56 56" width="56" height="56"><rect x="8" y="8" width="40" height="40" fill="#4a90d9" opacity="0.5" stroke="#333" stroke-width="1.5"/></svg><p style="font-size:11px;"><b>Square</b></p><p><span class="b" style="min-width:3em"></span> line(s)</p></div><div class="abox" style="text-align:center;"><svg viewBox="0 0 56 56" width="56" height="56"><polygon points="28,6 50,50 6,50" fill="#5cb85c" opacity="0.5" stroke="#333" stroke-width="1.5"/></svg><p style="font-size:11px;"><b>Triangle</b></p><p><span class="b" style="min-width:3em"></span> line(s)</p></div><div class="abox" style="text-align:center;"><svg viewBox="0 0 56 56" width="56" height="56"><rect x="6" y="16" width="44" height="24" fill="#4a90d9" opacity="0.5" stroke="#333" stroke-width="1.5"/></svg><p style="font-size:11px;"><b>Rectangle</b></p><p><span class="b" style="min-width:3em"></span> line(s)</p></div><div class="abox" style="text-align:center;"><svg viewBox="0 0 56 56" width="56" height="56"><polygon points="28,6 46,26 36,26 36,50 20,50 20,26 10,26" fill="#b39ddb" stroke="#333" stroke-width="1.5"/></svg><p style="font-size:11px;"><b>Arrow</b></p><p><span class="b" style="min-width:3em"></span> line(s)</p></div></div></div>
<div class="sec"><div class="sec-head"><span class="sec-n">4</span><span class="sec-t">Word Problems: Symmetry Thinking</span></div><div class="wp"><p class="note">Read carefully. Think about what is happening. Draw if it helps!</p><div class="mgrid c2"><div class="abox"><p style="font-size:0.95em;">Rosa folds a paper heart in half and both sides match perfectly. Then she folds it the other way (side to side) and the halves do NOT match. How many lines of symmetry does her heart have?</p><p style="font-size:11px;">Draw or write your thinking: <span class="bw" style="min-width:10em"></span></p><p>Answer: <span class="b" style="min-width:6em"></span></p></div><div class="abox"><p style="font-size:0.95em;">Ben says a circle has only 4 lines of symmetry: up-down, side-side, and two diagonal. His sister says there are MANY more. Who is right, and why?</p><p style="font-size:11px;">Draw or write your thinking: <span class="bw" style="min-width:10em"></span></p><p>Answer: <span class="b" style="min-width:6em"></span></p></div></div></div></div>
<div class="sec"><div class="sec-head"><span class="sec-n">5</span><span class="sec-t">Challenge: Create Your Own Mirror Design</span></div><div class="abox" style="background:#f3e5f5;"><p><b>Create Your Own</b> — The dashed line is a line of symmetry. Draw a design on the LEFT side, then draw its mirror image on the RIGHT side.</p><div style="display:flex; justify-content:center;"><div style="min-height:110px; width:45%; border:1px solid #999; border-right:2px dashed #e53935;"></div><div style="min-height:110px; width:45%; border:1px solid #999; border-left:none;"></div></div><p style="font-size:11px; color:#666;">Check: fold your paper on the dashed line. Do the halves match?</p></div></div>
</page>
</body></html>