<!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 16</span><span class="day">Friday</span><span class="topic">Week 16 Review & Self-Check</span></div>
<div class="sec"><div class="sec-head"><span class="sec-n">1</span><span class="sec-t">Warm-up: Count by 5s</span></div><div class="abox" style="background:#e8f5e9;"><p><b>2-min Fluency Warm-up</b> — Count by 5s. Go fast!</p><div class="mgrid c3"><div class="abox"><p>5, 10, 15, ___</p></div><div class="abox"><p>20, 25, ___, 35</p></div><div class="abox"><p>40, ___, 50, 55</p></div><div class="abox"><p>___, 55, 60</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> Look only at the hour hand. About what time? Then read exactly.</p><div class="mgrid c2"><div class="abox" style="text-align:center;"><svg viewBox="0 0 50 50" width="55" height="55">
<circle cx="25" cy="25" r="22" fill="#fff" stroke="#333" stroke-width="1.5"/>
<line x1="25" y1="3" x2="25" y2="7" stroke="#333" stroke-width="1.5"/>
<line x1="25" y1="43" x2="25" y2="47" stroke="#333" stroke-width="1.5"/>
<line x1="3" y1="25" x2="7" y2="25" stroke="#333" stroke-width="1.5"/>
<line x1="43" y1="25" x2="47" y2="25" stroke="#333" stroke-width="1.5"/>
<line 25,25 26.045868912971898,36.954336377100944 stroke="#333" stroke-width="2.5" stroke-linecap="round"/>
<line 25,25 9.411542731880106,15.999999999999998 stroke="#e53935" stroke-width="1.5" stroke-linecap="round"/>
<circle cx="25" cy="25" r="2" fill="#333"/>
</svg><p>About: <span class="b" style="min-width:4em"></span></p><p>Exact: <span class="b" style="min-width:2em"></span>:<span class="b" style="min-width:2em"></span></p></div><div class="abox" style="text-align:center;"><svg viewBox="0 0 50 50" width="55" height="55">
<circle cx="25" cy="25" r="22" fill="#fff" stroke="#333" stroke-width="1.5"/>
<line x1="25" y1="3" x2="25" y2="7" stroke="#333" stroke-width="1.5"/>
<line x1="25" y1="43" x2="25" y2="47" stroke="#333" stroke-width="1.5"/>
<line x1="3" y1="25" x2="7" y2="25" stroke="#333" stroke-width="1.5"/>
<line x1="43" y1="25" x2="47" y2="25" stroke="#333" stroke-width="1.5"/>
<line 25,25 27.083778132003165,13.182306963853504 stroke="#333" stroke-width="2.5" stroke-linecap="round"/>
<line 25,25 40.588457268119896,34.0 stroke="#e53935" stroke-width="1.5" stroke-linecap="round"/>
<circle cx="25" cy="25" r="2" fill="#333"/>
</svg><p>About: <span class="b" style="min-width:4em"></span></p><p>Exact: <span class="b" style="min-width:2em"></span>:<span class="b" style="min-width:2em"></span></p></div><div class="abox" style="text-align:center;"><svg viewBox="0 0 50 50" width="55" height="55">
<circle cx="25" cy="25" r="22" fill="#fff" stroke="#333" stroke-width="1.5"/>
<line x1="25" y1="3" x2="25" y2="7" stroke="#333" stroke-width="1.5"/>
<line x1="25" y1="43" x2="25" y2="47" stroke="#333" stroke-width="1.5"/>
<line x1="3" y1="25" x2="7" y2="25" stroke="#333" stroke-width="1.5"/>
<line x1="43" y1="25" x2="47" y2="25" stroke="#333" stroke-width="1.5"/>
<line 25,25 14.124306555560201,30.071419140888395 stroke="#333" stroke-width="2.5" stroke-linecap="round"/>
<line 25,25 40.588457268119896,16.0 stroke="#e53935" stroke-width="1.5" stroke-linecap="round"/>
<circle cx="25" cy="25" r="2" fill="#333"/>
</svg><p>About: <span class="b" style="min-width:4em"></span></p><p>Exact: <span class="b" style="min-width:2em"></span>:<span class="b" style="min-width:2em"></span></p></div><div class="abox" style="text-align:center;"><svg viewBox="0 0 50 50" width="55" height="55">
<circle cx="25" cy="25" r="22" fill="#fff" stroke="#333" stroke-width="1.5"/>
<line x1="25" y1="3" x2="25" y2="7" stroke="#333" stroke-width="1.5"/>
<line x1="25" y1="43" x2="25" y2="47" stroke="#333" stroke-width="1.5"/>
<line x1="3" y1="25" x2="7" y2="25" stroke="#333" stroke-width="1.5"/>
<line x1="43" y1="25" x2="47" y2="25" stroke="#333" stroke-width="1.5"/>
<line 25,25 36.7155520854392,22.402724632742764 stroke="#333" stroke-width="2.5" stroke-linecap="round"/>
<line 25,25 16.000000000000004,40.588457268119896 stroke="#e53935" stroke-width="1.5" stroke-linecap="round"/>
<circle cx="25" cy="25" r="2" fill="#333"/>
</svg><p>About: <span class="b" style="min-width:4em"></span></p><p>Exact: <span class="b" style="min-width:2em"></span>:<span class="b" style="min-width:2em"></span></p></div></div></div></div>
<div class="sec"><div class="sec-head"><span class="sec-n">3</span><span class="sec-t">Clock Review</span></div><p class="note">Review: write each time. Bonus — say each one out loud with quarter/half words!</p><div class="mgrid c3">
<div class="abox" style="text-align:center;"><svg viewBox="0 0 50 50" width="50" height="50">
<circle cx="25" cy="25" r="22" fill="#fff" stroke="#333" stroke-width="1.5"/>
<line x1="25" y1="3" x2="25" y2="7" stroke="#333" stroke-width="1.5"/>
<line x1="25" y1="43" x2="25" y2="47" stroke="#333" stroke-width="1.5"/>
<line x1="3" y1="25" x2="7" y2="25" stroke="#333" stroke-width="1.5"/>
<line x1="43" y1="25" x2="47" y2="25" stroke="#333" stroke-width="1.5"/>
<line 25,25 25.0,37.0 stroke="#333" stroke-width="2.5" stroke-linecap="round"/>
<line 25,25 25.0,7.0 stroke="#e53935" stroke-width="1.5" stroke-linecap="round"/>
<circle cx="25" cy="25" r="2" fill="#333"/>
</svg><p style="margin-top:6px;"><span class="b" style="min-width:3em"></span>:<span class="b" style="min-width:3em"></span></p></div>
<div class="abox" style="text-align:center;"><svg viewBox="0 0 50 50" width="50" height="50">
<circle cx="25" cy="25" r="22" fill="#fff" stroke="#333" stroke-width="1.5"/>
<line x1="25" y1="3" x2="25" y2="7" stroke="#333" stroke-width="1.5"/>
<line x1="25" y1="43" x2="25" y2="47" stroke="#333" stroke-width="1.5"/>
<line x1="3" y1="25" x2="7" y2="25" stroke="#333" stroke-width="1.5"/>
<line x1="43" y1="25" x2="47" y2="25" stroke="#333" stroke-width="1.5"/>
<line 25,25 36.59110991546882,28.10582854123025 stroke="#333" stroke-width="2.5" stroke-linecap="round"/>
<line 25,25 25.0,43.0 stroke="#e53935" stroke-width="1.5" stroke-linecap="round"/>
<circle cx="25" cy="25" r="2" fill="#333"/>
</svg><p style="margin-top:6px;"><span class="b" style="min-width:3em"></span>:<span class="b" style="min-width:3em"></span></p></div>
<div class="abox" style="text-align:center;"><svg viewBox="0 0 50 50" width="50" height="50">
<circle cx="25" cy="25" r="22" fill="#fff" stroke="#333" stroke-width="1.5"/>
<line x1="25" y1="3" x2="25" y2="7" stroke="#333" stroke-width="1.5"/>
<line x1="25" y1="43" x2="25" y2="47" stroke="#333" stroke-width="1.5"/>
<line x1="3" y1="25" x2="7" y2="25" stroke="#333" stroke-width="1.5"/>
<line x1="43" y1="25" x2="47" y2="25" stroke="#333" stroke-width="1.5"/>
<line 25,25 13.102661663514274,23.433685693359383 stroke="#333" stroke-width="2.5" stroke-linecap="round"/>
<line 25,25 43.0,25.0 stroke="#e53935" stroke-width="1.5" stroke-linecap="round"/>
<circle cx="25" cy="25" r="2" fill="#333"/>
</svg><p style="margin-top:6px;"><span class="b" style="min-width:3em"></span>:<span class="b" style="min-width:3em"></span></p></div>
<div class="abox" style="text-align:center;"><svg viewBox="0 0 50 50" width="50" height="50">
<circle cx="25" cy="25" r="22" fill="#fff" stroke="#333" stroke-width="1.5"/>
<line x1="25" y1="3" x2="25" y2="7" stroke="#333" stroke-width="1.5"/>
<line x1="25" y1="43" x2="25" y2="47" stroke="#333" stroke-width="1.5"/>
<line x1="3" y1="25" x2="7" y2="25" stroke="#333" stroke-width="1.5"/>
<line x1="43" y1="25" x2="47" y2="25" stroke="#333" stroke-width="1.5"/>
<line 25,25 23.43368569335938,13.102661663514276 stroke="#333" stroke-width="2.5" stroke-linecap="round"/>
<line 25,25 7.0,25.000000000000004 stroke="#e53935" stroke-width="1.5" stroke-linecap="round"/>
<circle cx="25" cy="25" r="2" fill="#333"/>
</svg><p style="margin-top:6px;"><span class="b" style="min-width:3em"></span>:<span class="b" style="min-width:3em"></span></p></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. Show your thinking.</p><div class="mgrid c2"><div class="abox"><p style="font-size:0.95em;">Art class starts at quarter past one in the afternoon. Write that time with digits and AM or PM.</p><p style="font-size:11px;">My thinking: <span class="bw" style="min-width:10em"></span></p><p>Answer: <span class="bw" style="min-width:10em"></span></p></div><div class="abox"><p style="font-size:0.95em;">Mia goes to bed at 8:00 PM. Her clock shows 7:45 PM. How many minutes until bedtime?</p><p style="font-size:11px;">My thinking: <span class="bw" style="min-width:10em"></span></p><p>Answer: <span class="bw" style="min-width:10em"></span></p></div></div></div></div>
<div class="sec"><div class="sec-head"><span class="sec-n">5</span><span class="sec-t">Self-Check & Reflection</span></div><div class="selfcheck"><p><b>Self-Check: How do you feel about telling time?</b></p><div style="display:flex; gap:20px; flex-wrap:wrap;"><div style="background:#fff3e0; padding:10px; border-radius:5px; flex:1; min-width:150px;"><p><b>O'clock & Half Past</b></p><p>😊 I got it! | 😐 Getting there | 😟 Need help</p></div><div style="background:#e3f2fd; padding:10px; border-radius:5px; flex:1; min-width:150px;"><p><b>Quarter Past / Quarter To</b></p><p>😊 I got it! | 😐 Getting there | 😟 Need help</p></div><div style="background:#f3e5f5; padding:10px; border-radius:5px; flex:1; min-width:150px;"><p><b>Nearest 5 Minutes & AM/PM</b></p><p>😊 I got it! | 😐 Getting there | 😟 Need help</p></div></div><p style="margin-top:10px;"><b>One thing I learned this week:</b> <span class="bl" style="min-width:14em"></span></p><p><b>One thing I want to practice more:</b> <span class="bl" style="min-width:14em"></span></p><p><b>My favorite time of day is:</b> <span class="bl" style="min-width:14em"></span></p></div></div>
</page>
</body></html>