@import"https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:wght@400;700&family=Lexend:wght@400;600;700&display=swap";:root{font-family:Atkinson Hyperlegible,system-ui,sans-serif;color:#21302d;background:#eef4ef;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}button,select{font:inherit}.app-shell{display:grid;grid-template-columns:minmax(280px,360px) 1fr;gap:2rem;padding:2rem}.builder-panel{align-self:start;background:#fbfaf4;border:1px solid #d9e2d8;border-radius:28px;box-shadow:0 16px 40px #263a341f;padding:1.25rem;position:sticky;top:1rem}.section-header h1,.page-header h2,.support-card h3{font-family:Lexend,Atkinson Hyperlegible,sans-serif}.section-header h1{margin:.2rem 0 .6rem;font-size:2rem;line-height:1.08}.section-header p{color:#51645e}.eyebrow{color:#497568;font-weight:700;letter-spacing:.08em;margin:0 0 .35rem;text-transform:uppercase;font-size:.78rem}.support-card{background:#fff;border:1px solid #dfe8dd;border-radius:20px;margin:1rem 0;padding:1rem}.support-card--strong{background:#f6ead2;border-color:#e6cf9e}.support-card h3{margin:0 0 .65rem;color:#243b36}.support-card p{margin:.45rem 0;line-height:1.45}ul,ol{padding-left:1.25rem}li{margin:.35rem 0;line-height:1.4}label{display:grid;gap:.4rem;color:#334943;font-weight:700;margin:.75rem 0}select{border:1px solid #c6d3c9;border-radius:12px;color:#263a35;padding:.75rem;background:#f8fbf7}.button-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}button{border:0;border-radius:999px;background:#dfeae2;color:#1f3932;cursor:pointer;font-weight:700;padding:.75rem 1rem}button.primary{background:#2f6f63;color:#fffdf7}.status{background:#e4f0ff;border-radius:14px;padding:.8rem}.status--error{background:#ffe4dc}.quiet-note{color:#64746f;font-size:.95rem}.pack-preview{display:grid;gap:1.5rem;justify-items:center}.printable-page{background:#fffdf7;border:1px solid #d8ded5;box-shadow:0 18px 46px #20322d29;min-height:297mm;overflow:hidden;padding:18mm;width:210mm}.page-header{border-bottom:2px solid #e7dcc4;margin-bottom:1rem;padding-bottom:.8rem}.page-header h2{font-size:2.2rem;line-height:1.1;margin:0}.page-content{font-size:1.04rem}.page-intro{color:#4b5f59;font-size:1.15rem}.two-column,.cover-grid,.helper-layout{display:grid;gap:1rem;grid-template-columns:1fr 1fr}.answer-grid{display:grid;gap:.75rem;grid-template-columns:1fr 1fr}.fraction-model{display:grid;gap:.35rem}.fraction-bar{border:2px solid #35514a;border-radius:12px;display:grid;height:44px;overflow:hidden}.fraction-segment{background:#fffaf0;border-left:1px solid #789089}.fraction-segment:first-child{border-left:0}.fraction-segment--shaded{background:#8cc7b1}.model-stack{display:grid;gap:.75rem}.model-stack.compact{gap:.45rem}.model-stack.spacious{gap:1.2rem;margin-top:1.5rem}.large-steps{font-size:1.2rem}.answer-line{background:#edf6ef;border-radius:14px;font-weight:700;padding:.9rem}.question-list{display:grid;gap:.8rem}.write-line{border-bottom:2px solid #bac8c2;height:2rem;margin-top:.75rem}.write-line.tall{height:4rem}.sentence-starter{color:#4a625b;font-style:italic}.qr-placeholder{align-items:center;aspect-ratio:1;background:repeating-linear-gradient(45deg,#243b36,#243b36 8px,#fffdf7 8px,#fffdf7 16px);border:10px solid #fff;box-shadow:inset 0 0 0 2px #243b36;color:#fff;display:flex;font-family:Lexend,sans-serif;font-size:3rem;font-weight:700;justify-content:center;max-width:220px}.short-code{font-family:Lexend,sans-serif;font-size:3rem;letter-spacing:.14em}@media(max-width:1100px){.app-shell{grid-template-columns:1fr;padding:1rem}.builder-panel{position:static}.printable-page{width:min(100%,210mm);min-height:auto}}@media print{@page{size:A4;margin:0}:root,body{background:#fff}.builder-panel{display:none}.app-shell{display:block;padding:0}.pack-preview{display:block}.printable-page{border:0;box-shadow:none;break-after:page;min-height:297mm;width:210mm}}.status-stack{display:grid;gap:.5rem;margin:1rem 0}.status--ready{background:#e8f4e8;color:#25483f}button:disabled{cursor:not-allowed;opacity:.55}.empty-preview{align-self:start;background:#fffdf7;border:1px dashed #b9c8c1;border-radius:24px;padding:2rem}.page-header{align-items:start;display:flex;justify-content:space-between;gap:1rem}.page-label{background:#eef5ed;border:1px solid #d4e1d3;border-radius:999px;color:#49635b;font-size:.82rem;font-weight:700;margin:0;padding:.3rem .65rem;white-space:nowrap}.callout{align-items:start;background:#f4f8f2;border:1px solid #d9e7d7;border-radius:18px;display:grid;gap:.7rem;grid-template-columns:auto 1fr;padding:.8rem}.callout--watchOut{background:#fff6df;border-color:#edd49f}.callout--sayThis{background:#eef4ff;border-color:#ccd9f5}.callout--pause{background:#f7eef9;border-color:#e4d0e8}.callout-icon{align-items:center;background:#fffdf7;border-radius:50%;display:flex;font-weight:700;height:2rem;justify-content:center;width:2rem}.callout-label{color:#2f5148;font-family:Lexend,sans-serif;font-weight:700;margin:0 0 .2rem}.callout-body p{margin:0}.callout-row,.question-callouts{display:grid;gap:.75rem;grid-template-columns:1fr 1fr;margin:.9rem 0}.stacked-callouts{display:grid;gap:.75rem;align-content:start}.three-card-grid{display:grid;gap:.8rem;grid-template-columns:repeat(3,1fr)}.short-list li{margin:.25rem 0}.big-number{color:#2f6f63;font-family:Lexend,sans-serif;font-size:2.4rem;font-weight:700;line-height:1}.equivalent-bars{display:grid;gap:.7rem;margin-top:.8rem}.fraction-model--large .fraction-bar{height:58px}.fraction-model strong{color:#263a35;font-family:Lexend,sans-serif;font-size:1.1rem}.maths-line{color:#27483f;font-family:Lexend,sans-serif;font-size:1.7rem;font-weight:700}.vocab-grid{display:grid;gap:.55rem;margin:0}.vocab-grid div{background:#f8fbf7;border-radius:12px;padding:.55rem}.vocab-grid dt{color:#2f5148;font-weight:700}.vocab-grid dd{margin:.15rem 0 0}.step-diagram{counter-reset:steps;display:grid;gap:.65rem;list-style:none;padding:0}.step-diagram li{align-items:center;background:#fff;border:1px solid #dfe8dd;border-radius:16px;display:grid;gap:.7rem;grid-template-columns:auto 1fr;margin:0;padding:.7rem}.step-number{align-items:center;background:#8cc7b1;border-radius:50%;color:#17332c;display:inline-flex;font-family:Lexend,sans-serif;font-weight:700;height:2rem;justify-content:center;width:2rem}.reflection-grid{display:grid;gap:.75rem;grid-template-columns:repeat(3,1fr)}.checkbox-grid{display:grid;gap:.55rem;grid-template-columns:1fr 1fr}.paper-checkbox{align-items:center;display:grid;gap:.55rem;grid-template-columns:auto 1fr;margin:0}.paper-checkbox span{border:2px solid #6f847d;border-radius:6px;height:1.2rem;width:1.2rem}.compact-answer-grid .support-card{margin:0;padding:.75rem}.compact-answer-grid .support-card h3{font-size:1rem}.tight{gap:.8rem}.support-card,.callout,.question-list>article,.answer-grid>article,.step-diagram li{break-inside:avoid;page-break-inside:avoid}@media(min-width:1101px){.app-shell{height:100vh;overflow:hidden}.builder-panel{max-height:calc(100vh - 4rem);overflow-y:auto}.pack-preview{max-height:calc(100vh - 4rem);overflow-y:auto;padding-right:.5rem}}@media print{.app-shell,.pack-preview{height:auto;max-height:none;overflow:visible}.printable-page{break-after:page;page-break-after:always}.support-card,.callout,.question-list>article,.answer-grid>article,.step-diagram li{break-inside:avoid;page-break-inside:avoid}}.builder-compact-header h1{font-family:Lexend,Atkinson Hyperlegible,sans-serif;font-size:1.45rem;line-height:1.05;margin:.1rem 0 .35rem}.accordion-stack{display:grid;gap:.75rem}.builder-accordion{background:#fff;border:1px solid #dfe8dd;border-radius:18px;overflow:hidden}.accordion-trigger{align-items:center;background:#fff;border-radius:0;display:flex;justify-content:space-between;padding:.85rem 1rem;text-align:left;width:100%}.accordion-trigger span:first-child{display:grid;gap:.15rem}.accordion-trigger small{color:#64746f;font-weight:600}.accordion-body{border-top:1px solid #e5ede3;padding:.85rem 1rem 1rem}.section-next{background:#edf6ef;margin-top:.4rem;width:100%}.output-summary{margin:0 0 .5rem}.toggle-row{align-items:center;display:flex;flex-direction:row;gap:.6rem}.toggle-row input{inline-size:1.1rem;block-size:1.1rem}.icon-button-row{display:grid;gap:.6rem;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:.9rem}.icon-button-row button{border-radius:16px;font-size:1.35rem;line-height:1;min-height:3rem;padding:.7rem}.pack-preview--small{zoom:.75}.pack-preview--normal{zoom:1}.pack-preview--large{zoom:1.25}.pack-preview--fit .printable-page{width:min(100%,210mm)}.printer-friendly .printable-page,.printer-friendly .support-card,.printer-friendly .callout,.printer-friendly .vocab-grid div,.printer-friendly .step-diagram li,.printer-friendly .page-label,.printer-friendly .status,.printer-friendly .answer-line,.printer-friendly .builder-accordion,.printer-friendly .accordion-trigger{background:#fff;border-color:#1f1f1f;color:#111}.printer-friendly .support-card--strong,.printer-friendly .callout--watchOut,.printer-friendly .callout--sayThis,.printer-friendly .callout--pause,.printer-friendly .status--ready{background:#fff}.printer-friendly .fraction-segment{background:#fff;border-left-color:#111}.printer-friendly .fraction-segment--shaded,.printer-friendly .step-number{background:repeating-linear-gradient(45deg,#d9d9d9,#d9d9d9 5px,#fff 5px,#fff 10px);color:#111}.printer-friendly .qr-placeholder{background:repeating-linear-gradient(45deg,#111,#111 8px,#fff 8px,#fff 16px)}@media(min-width:1101px){.builder-panel,.pack-preview{max-height:calc(100vh - 4rem);overflow-y:auto}}@media(max-width:1100px){.app-shell{display:grid;grid-template-rows:auto minmax(0,1fr);height:100dvh;overflow:hidden;padding:.75rem}.builder-panel{max-height:44dvh;overflow-y:auto;padding:1rem;position:sticky;top:0;z-index:2}.pack-preview{align-content:start;max-height:none;min-height:0;overflow-y:auto;padding:.25rem 0 1rem}.builder-compact-header h1{font-size:1.2rem}.status-stack{margin:.6rem 0}.accordion-body{padding:.7rem}.callout-row,.question-callouts,.three-card-grid,.reflection-grid,.checkbox-grid,.two-column,.cover-grid,.helper-layout,.answer-grid{grid-template-columns:1fr}}@media print{@page{size:A4;margin:12mm}.app-shell{display:block;height:auto;overflow:visible;padding:0}.builder-panel{display:none}.pack-preview,.pack-preview--small,.pack-preview--normal,.pack-preview--large,.pack-preview--fit{display:block;height:auto;max-height:none;overflow:visible;padding:0;zoom:1}.printable-page{border:0;box-shadow:none;break-after:page;min-height:auto;overflow:visible;padding:0;page-break-after:always;width:auto}.printable-page:last-child{break-after:auto;page-break-after:auto}.printer-friendly .printable-page,.printer-friendly .support-card,.printer-friendly .callout,.printer-friendly .vocab-grid div,.printer-friendly .step-diagram li{background:#fff!important;color:#000!important}}