@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@400;500;600;700&display=swap');
*{box-sizing:border-box}body{margin:0;background:#f7f9fc;color:#263238;font-family:Lexend,Arial,sans-serif}.wrap{max-width:1220px;margin:auto;padding:30px 20px 65px}.crumb{font-size:14px;color:#64748b;margin:0 0 14px}.crumb a{color:#315f82}.hero{text-align:center;margin:0 auto 14px}.hero h1{font-size:clamp(29px,4vw,44px);line-height:1.12;color:#173a63;margin:6px 0 8px}.hero p{font-size:16px;line-height:1.55;color:#52606d;margin:0 auto;max-width:830px}.meta{display:flex;justify-content:center;flex-wrap:wrap;gap:7px;margin:14px 0}.badge{background:#eef6ff;border:1px solid #c9d9e8;border-radius:99px;padding:7px 11px;font-size:12px;color:#315f82}.teacher-note{max-width:950px;margin:0 auto;background:#fffaf0;border:1px solid #efd9a7;border-radius:12px;padding:12px 16px;color:#52606d;font-size:14px;line-height:1.5}.printbar{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:16px 0 23px}.btn{display:inline-block;border:0;border-radius:10px;background:#173a63;color:#fff;padding:11px 16px;font:700 14px Lexend,Arial,sans-serif;cursor:pointer;text-decoration:none}.btn.secondary{background:#fff;color:#173a63;border:1px solid #b9c8d5}.lesson-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:stretch}.panel{background:#fff;border:2px solid var(--c);border-radius:14px;overflow:hidden;box-shadow:0 3px 12px #23384d0d;display:flex;flex-direction:column;min-height:340px}.panel-head{background:var(--c);color:var(--head,#fff);padding:10px 13px;font-size:21px;font-weight:700;display:flex;align-items:center;gap:9px}.num{display:inline-flex;width:32px;height:32px;border-radius:50%;align-items:center;justify-content:center;background:#0002;color:inherit;flex:none}.panel-body{padding:14px 15px 16px;line-height:1.5;font-size:14px;flex:1;background:linear-gradient(180deg,var(--tint),#fff 75%)}.panel-body p{margin:0 0 9px}.panel-body ul{padding-left:20px;margin:8px 0}.panel-body li{margin:7px 0}.before-read,.wordbank{background:#ffffffbd;border:1px solid #0002;border-radius:9px;padding:9px 10px;margin:0 0 10px}.reading{line-height:1.62}.q{margin:9px 0 3px!important}.answer-line{display:block;border-bottom:1px solid #9aa7b4;height:22px}.vocab-answer{margin:8px 0}.vocab-answer strong{display:block}.options{display:grid;gap:4px;margin:4px 0 8px}.options label{padding:2px 4px;border-radius:5px;cursor:pointer}.options label:hover{background:#ffffffb3}.feedback{font-size:12px;min-height:16px}.good{color:#116b45}.try{color:#a44b1e}.mini-btn{font:700 13px Lexend,Arial,sans-serif;border:0;border-radius:7px;background:#173a63;color:#fff;padding:8px 11px;cursor:pointer}.red{--c:#ef4444;--tint:#fff0f1}.orange{--c:#f97316;--tint:#fff4e9}.yellow{--c:#facc15;--tint:#fffbe4;--head:#172033}.green{--c:#22c55e;--tint:#eefcf2;--head:#142c20}.blue{--c:#2196e5;--tint:#edf7ff}.purple{--c:#8b5cf6;--tint:#f5f0ff}.pink{--c:#f43f8c;--tint:#fff0f7}.teal{--c:#14b8a6;--tint:#edfffc;--head:#123a37}.black{--c:#111;--tint:#f4f5f6}.daynav{display:flex;justify-content:space-between;gap:10px;margin:26px 0}.daynav a{font-weight:700;color:#315f82}.siteFooter{background:#fff;border-top:1px solid #dbe3ea;color:#64748b;font-size:13px;text-align:center;padding:20px}.print-only{display:none}.answer-sheet{max-width:860px;margin:20px auto;background:#fff;padding:24px;border:1px solid #dbe3ea;border-radius:12px;line-height:1.6}.answer-sheet h2{color:#173a63}.answer-sheet li{margin:6px 0}@media(max-width:980px){.lesson-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.panel{min-height:0}}@media(max-width:650px){.lesson-grid{grid-template-columns:1fr}.panel-head{font-size:20px}}
@media print{@page{size:A4 landscape;margin:8mm}.edTop,.crumb,.hero,.teacher-note,.printbar,.daynav,.siteFooter,.quiz-control,.options,.feedback{display:none!important}body{background:#fff}.wrap{max-width:none;padding:0}.lesson-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5mm}.panel{min-height:0;box-shadow:none;border-width:1.2pt;break-inside:avoid}.panel-head{font-size:11pt;padding:5px 7px;-webkit-print-color-adjust:exact;print-color-adjust:exact}.num{height:21px;width:21px}.panel-body{font-size:8.2pt;line-height:1.3;padding:7px 8px}.panel-body p{margin-bottom:4px}.before-read,.wordbank{padding:5px;margin-bottom:5px}.reading{line-height:1.4}.answer-line{height:13px}.print-only{display:block}.answer-sheet{max-width:none;border:0;margin:0;padding:0}.answer-page .hero{display:block!important;text-align:left}.answer-page .hero h1{font-size:20pt}.answer-page .answer-sheet{font-size:11pt}.answer-page .answer-sheet h2{font-size:14pt}}

.lesson-photo-wrap{margin:0 0 10px;padding:5px;background:#fff;border:1px solid #dbe3ea;border-radius:10px}.lesson-photo{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;border-radius:7px}.lesson-photo-wrap figcaption{font-size:11px;line-height:1.35;color:#52606d;padding:5px 3px 1px}@media print{.lesson-photo-wrap{padding:2px;margin:0 0 4px}.lesson-photo{height:105px;aspect-ratio:auto;object-fit:contain}.lesson-photo-wrap figcaption{font-size:6pt;padding:2px 0 0}}

/* Two neat six-panel print pages; final reflection is panel 12. */
.lesson-grid-continuation{margin-top:12px}.amber{--c:#eab308;--tint:#fffbe4;--head:#172033}.indigo{--c:#6366f1;--tint:#eef0ff}.sky{--c:#0284c7;--tint:#eaf8ff}@media print{.lesson-grid-continuation{break-before:page;page-break-before:always;margin-top:0}}

/* v339 print layout: use the full A4 landscape page more evenly */
@media print{
  .lesson-grid{
    height:190mm;
    align-content:stretch;
    grid-auto-rows:auto;
  }
  .lesson-grid .panel{
    height:100%;
  }
  .lesson-grid .panel-body{
    padding:9px 10px 10px;
  }
  .lesson-grid .panel-body p{
    margin-bottom:6px;
  }
  .lesson-grid .answer-line{
    height:17px;
  }
  .lesson-grid-continuation{
    height:190mm;
  }
}

/* v340: show the lesson title on both printable student pages */
@media print{
  .lesson-grid::before{
    content:attr(data-print-title);
    grid-column:1 / -1;
    display:block;
    font-size:15pt;
    line-height:1.15;
    font-weight:700;
    color:#173a63;
    text-align:left;
    padding:0 0 2.5mm;
    border-bottom:1.2pt solid #c9d9e8;
    margin-bottom:0;
  }
  .lesson-grid{
    height:190mm;
    grid-template-rows:auto 1fr 1fr;
  }
  .lesson-grid-continuation{
    height:190mm;
  }
}
