/* Read aloud, "Something's wrong?" and the Keep it fresh review. */
.ra-button,.rp-button{font:inherit;font-size:.95rem;font-weight:600;padding:.45rem .8rem;border-radius:999px;border:2px solid #196b5c;background:#fff;color:#196b5c;cursor:pointer;margin:.25rem 0}
.ra-button[aria-pressed="true"]{background:#196b5c;color:#fff}
.ra-button:focus-visible,.rp-button:focus-visible,.rp-report summary:focus-visible{outline:3px solid #c65d13;outline-offset:2px}
.rp-report{margin:1.5rem 0 .5rem;font-size:.95rem;color:#40585e}
.rp-report summary{cursor:pointer;font-weight:600;display:inline-block;padding:.25rem 0}
.rp-body{margin-top:.5rem;padding:.8rem;border-radius:12px;background:#f3f6f4;display:grid;gap:.5rem}
.rp-body textarea,.rp-copy{width:100%;box-sizing:border-box;font:inherit;padding:.5rem;border:1px solid #9fb1b6;border-radius:8px}
.rp-small{font-size:.85rem;margin:0}.rp-status{margin:0;font-weight:600;color:#196b5c}
.sp-review-card{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between;padding:1.1rem 1.25rem;margin:0 0 1.25rem;border-radius:18px;background:#fdf0cc;border:2px solid #e5c56b}
.sp-review-card h2{margin:.2rem 0;font-size:1.2rem}.sp-review-card p{margin:.2rem 0}
.sp-review-list{list-style:none;padding:0;display:grid;gap:.4rem}.sp-review-list small{color:#5b6f76;margin-left:.4rem}
.sp-note{padding:.8rem 1rem;border-radius:12px;background:#fde7d4;margin:.8rem 0}.sp-note.sp-good{background:#d9eee8}.sp-note p{margin:.3rem 0 0}
.ra-note{margin-left:.5rem;font-size:.9rem;color:#5b6f76}.ra-button:disabled{opacity:.5;cursor:default}
.sp-review-prompt{font-size:1.6rem;margin:.4rem 0 .6rem}
.sp-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
/* The report sits directly inside a question panel, which supplies no padding of its own. */
.nu-panel>.rp-report{margin:0;padding:18px 32px 24px;border-top:1px solid #d0ded5}
@media(max-width:760px){.nu-panel>.rp-report{padding:16px 20px 20px}}
/* For grown-ups: a one-page, printable summary. */
.gu-sheet{display:grid;gap:18px}
.gu-block{padding:18px 20px;border:1px solid #d0ded5;border-radius:16px;background:#fffef9}
.gu-block h2{margin:0 0 8px;font-size:1.25rem}.gu-block h3{margin:16px 0 6px;font-size:1rem}.gu-block p{margin:.4rem 0}
.gu-days{list-style:none;display:grid;grid-template-columns:repeat(7,1fr);gap:6px;padding:0;margin:8px 0 14px;max-width:460px}
.gu-days li{display:grid;justify-items:center;gap:4px;padding:6px 0;border-radius:10px;background:#f1f3ec;font-size:.85rem;color:#4a6966}
.gu-days li b{font-size:1.1rem}.gu-days li.gu-on{background:#d9eee8;color:#173e40}
.gu-stats{display:flex;flex-wrap:wrap;gap:12px}
.gu-stats div{flex:1 1 150px;display:grid;padding:10px 14px;border-radius:12px;background:#f3f6f4}.gu-stats strong{font-size:1.7rem;line-height:1.2}.gu-stats span{font-size:.9rem;color:#40585e}
.gu-list{margin:6px 0;padding-left:1.2rem;display:grid;gap:4px}.gu-list small{color:#5b6f76}
.gu-table{width:100%;border-collapse:collapse;font-size:.95rem}
.gu-table th,.gu-table td{text-align:left;padding:8px 6px;border-bottom:1px solid #e1e8e1;vertical-align:top}.gu-table small{color:#5b6f76}
.sp-back .sp-button+.sp-button{margin-left:auto}
@media(max-width:560px){.gu-table thead{display:none}.gu-table tr{display:grid;padding:6px 0;border-bottom:1px solid #e1e8e1}.gu-table th,.gu-table td{border:0;padding:2px 0}}
@media print{.gu-noprint,.sp-footer,.rp-report{display:none!important}.gu-block{break-inside:avoid;border-color:#bbb}body{background:#fff}}
/* Maths keypad (touch screens) */
.mk-keypad{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;max-width:320px;margin:12px 0 4px;user-select:none;-webkit-user-select:none;touch-action:manipulation}
.mk-keypad button{min-height:52px;border:1px solid #9fbcae;border-radius:12px;background:#fff;color:#173e40;font:700 22px/1 'DM Sans',sans-serif;cursor:pointer;box-shadow:0 2px 0 #c9dacf}
.mk-keypad button:active{transform:translateY(1px);box-shadow:none;background:#e7efe3}
.mk-keypad .mk-back{background:#fdf0e3}.mk-keypad .mk-abc{font-size:16px;background:#eef2ee}
.mk-keypad button:focus-visible{outline:3px solid #2d59d7;outline-offset:2px}
/* Scratchpad */
.sk-toggle{display:inline-flex;align-items:center;gap:6px;min-height:44px;margin:14px 0 4px;padding:8px 16px;border:2px dashed #9fbcae;border-radius:999px;background:#fffef9;color:#173e40;font:700 15px 'DM Sans',sans-serif;cursor:pointer}
.sk-toggle[aria-expanded="true"]{border-style:solid;background:#e7efe3}
.sk-pad{margin:8px 0 12px;border:1px solid #c9dacf;border-radius:14px;overflow:hidden;background:#fff}
.sk-tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px;background:#f3f6f4;border-bottom:1px solid #dde7e0}
.sk-tools button{min-height:40px;padding:6px 12px;border:1px solid #9fbcae;border-radius:10px;background:#fff;font:600 14px 'DM Sans',sans-serif;color:#173e40;cursor:pointer}
.sk-tools button[aria-pressed="true"]{background:#196b5c;border-color:#196b5c;color:#fff}
.sk-note{font-size:13px;color:#5b6f76;margin-left:auto}
.sk-pad canvas{display:block;width:100%;touch-action:none;cursor:crosshair;background:repeating-linear-gradient(#fff 0 27px,#e8f0ec 27px 28px)}
@media print{.mk-keypad,.sk-toggle,.sk-pad{display:none}}
/* Picture first on phones: in a lesson step the picture comes straight after the step title,
   so it is on the first screen instead of below a paragraph of text. */
@media(max-width:620px){
 .nu-lesson .nu-lesson-body,.fc-app .fw-lesson .fw-lesson-body{display:flex;flex-direction:column}
 .nu-lesson .nu-lesson-body>*,.fc-app .fw-lesson .fw-lesson-body>*{order:6}
 .nu-lesson .nu-lesson-body>.nu-stepper,.fc-app .fw-lesson-body>.fc-step-dots{order:1}
 .nu-lesson .nu-lesson-body>.nu-small,.fc-app .fw-lesson-body>.fc-step-dots+p{order:2}
 .nu-lesson .nu-lesson-body>h1,.fc-app .fw-lesson-body>h1{order:3}
 .nu-lesson .nu-lesson-body>.nu-visual,.fc-app .fw-lesson-body>.fc-visual{order:4;margin-top:4px}
 .nu-lesson .nu-lesson-body>.ra-button,.fc-app .fw-lesson-body>.ra-button{order:5;align-self:flex-start}
 .nu-lesson .nu-lesson-body>.nu-copy,.fc-app .fw-lesson-body>.fw-cue{order:5}
}
.gu-list a{color:#196b5c;font-weight:600}