:root{font-family:'Segoe UI',Arial,sans-serif;color:#293b37;background:#efeee9;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,summary{cursor:pointer}button,input,textarea{font:inherit}button,summary{min-height:44px}button{border:1px solid #c6cec6;border-radius:9px;padding:10px 16px;background:white;color:#293b37}button:hover{background:#edf3ed}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #a96b20;outline-offset:3px}header{height:80px;padding:0 32px;background:#fff;display:flex;gap:20px;align-items:center;border-bottom:1px solid #ddd}.brand{display:flex;align-items:center;gap:12px;font-size:20px}.monogram{background:#426454;color:#fff;border-radius:11px;padding:9px 13px;font:700 24px Georgia}.preview{font-size:12px;background:#f3eddf;color:#6b5633;border-radius:20px;padding:7px 12px}#save{margin-left:auto;font-size:12px;color:#5c6a61}.workspace{display:grid;grid-template-columns:248px minmax(0,1fr);max-width:1600px;margin:auto;min-height:calc(100vh - 80px)}aside{background:#f7f7f2;padding:30px 18px;border-right:1px solid #ddd}.section-label{font-size:11px;letter-spacing:1.7px;color:#687568;margin:0 12px 16px}.week{display:block;width:100%;text-align:left;background:#456453;color:white;border:0;font-weight:700}.week:hover{background:#456453}.week small{display:block;font-size:12px;font-weight:400;margin-top:6px;color:#e7eee4}nav{margin-top:22px;display:grid;gap:6px}nav button{display:flex;gap:10px;text-align:left;background:transparent;border-color:transparent;font-size:14px;padding:13px 10px;align-items:center}nav button[aria-current=page]{background:#e5ecdf;border-color:#c8d3c1;font-weight:700}.page-number{font-size:12px;color:#71806b;width:18px}.aside-note{color:#6a7568;font-size:13px;line-height:1.8;margin:32px 12px}main{padding:22px clamp(16px,4vw,65px) 35px;min-width:0}.page-toolbar{display:flex;gap:12px;align-items:center;max-width:880px;margin:0 auto 22px;font-size:13px}#subject{margin-right:auto;color:#5c6a61}#togglePages{display:none}#tools{position:relative}#tools summary{display:flex;align-items:center;padding:10px 12px;list-style:none}.tool-popover{position:absolute;right:0;top:48px;width:260px;z-index:3;padding:10px 18px 20px;background:white;border:1px solid #cbd2c6;border-radius:12px;box-shadow:0 8px 25px #273b371a}.tool-popover p{font-size:12px}#colours,#stickers{display:flex;gap:9px;flex-wrap:wrap}#colours button{width:44px;padding:0;border:1px solid #9ba79a}#stickers button{font-size:23px;padding:6px 9px}#paper{--paper:#fffdf6;background:var(--paper);max-width:880px;min-height:690px;padding:32px clamp(20px,5vw,65px) 45px;margin:auto;box-shadow:1px 3px 0 #ddd8cd,4px 6px 0 #faf7ee,0 12px 36px #303c3110;border-radius:3px;border:1px solid #d9d6ca;position:relative}.page-heading{display:flex;justify-content:space-between;color:#7a806f;font-size:12px;border-bottom:1px solid #dedfd2;padding-bottom:16px;margin-bottom:38px}.glued{position:relative;background:white;border:1px solid #e1ded2;padding:25px 28px;box-shadow:1px 3px 5px #303c310b}.glued:before,.glued:after{content:'';position:absolute;top:-11px;width:70px;height:23px;background:#e7d7a7a6;transform:rotate(-6deg);left:22px}.glued:after{left:auto;right:22px;transform:rotate(7deg)}.eyebrow{font-size:11px;letter-spacing:1.5px;color:#6c765e;text-transform:uppercase}h1{font:normal clamp(28px,3vw,36px)/1.2 Georgia,serif;margin:10px 0 14px}.glued p{line-height:1.6;font-size:17px;margin:0}#help{margin-top:20px;font-size:13px}#help summary{display:flex;align-items:center;color:#4b6754}#help img{max-width:100%;height:auto}#help figure{margin:16px 0}#help p{font-size:14px}.writing{margin-top:34px}.step{font-size:12px;color:#6c765e;margin-bottom:12px}.prompt{font-size:24px;line-height:1.6;margin:10px 0 20px;white-space:pre-line}.choices{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0}.choices button{font-size:20px;padding:14px 20px}.choices button[aria-pressed=true]{background:#e4eddf;border:2px solid #426454}.answer-label{display:block;font-size:14px;margin-bottom:10px}textarea,input.answer{width:100%;border:1px solid #bbc9b6;border-radius:7px;background:repeating-linear-gradient(transparent,transparent 35px,#dae2d4 35px,#dae2d4 36px);font:22px/36px 'Segoe UI',sans-serif;padding:10px 14px;color:#234a74}textarea{min-height:120px;resize:vertical}.primary{background:#426454;color:white;border-color:#426454;font-weight:600;padding:13px 24px}.primary:hover{background:#345341}.actions{display:flex;gap:12px;align-items:center;margin-top:22px}.feedback{font-size:15px;line-height:1.6;min-height:26px;color:#426454}.sound{font:52px Georgia;text-align:center;background:#f1f3e9;border-radius:8px;padding:20px;margin:15px 0}.saved-work{margin-top:32px;border-top:1px solid #dddccf;padding-top:10px;font-size:13px}.saved-work summary{display:flex;align-items:center;color:#4b6754}.saved-work li{padding:8px 0;white-space:pre-wrap}.page-stickers{font-size:30px;display:flex;gap:10px;margin-top:30px}.page-stickers button{background:transparent;border:0;font-size:30px;padding:2px}.preview-note{font-size:12px;color:#747b70;max-width:880px;margin:22px auto}.print-only{display:none}button:disabled{opacity:.5;cursor:default}@media(max-width:760px){header{padding:12px 16px;height:auto;flex-wrap:wrap;gap:10px}.brand{font-size:17px}#save{width:100%;margin:0}.workspace{display:block}aside{display:none}body.show-pages aside{display:block}#togglePages{display:block}.page-toolbar{gap:5px;flex-wrap:wrap}#subject{display:none}main{padding:16px 12px 30px}#paper{padding:25px 20px;min-height:620px}.page-heading{margin-bottom:30px}.glued{padding:22px 19px}.prompt{font-size:21px}.choices button{font-size:18px}.tool-popover{right:-70px}}@media print{header,aside,.page-toolbar,.preview-note,#help,.actions,.feedback,.saved-work,.step,.page-stickers button{display:none!important}.workspace{display:block}main{padding:0}#paper{border:0;box-shadow:none;padding:10mm;max-width:none;min-height:0;background:white}.writing{display:none}.print-only{display:block}.print-only li{white-space:pre-wrap;padding:10px 0;break-inside:avoid}.glued:before,.glued:after{display:none}.page-stickers{display:none}}