.assessment-demo[data-v-book-assessment-demo]{display:flex;flex-direction:column;align-items:center;gap:14px;min-width:0;width:100%;padding:20px 16px;border:1px solid #d8e3dc;border-radius:26px;background:#f6faf7;color:#263238}
.assessment-demo__title[data-v-book-assessment-demo]{font-size:clamp(16px,2.8cqh,22px);font-weight:700;text-align:center}.assessment-demo__caption[data-v-book-assessment-demo]{margin:0;font-size:14px;line-height:1.4;text-align:center}
.assessment-demo__stage[data-v-book-assessment-demo]{width:100%;height:auto;max-height:270px;overflow:visible}.word[data-v-book-assessment-demo]{font:24px Poppins,sans-serif;text-anchor:middle;fill:#263238}.small-word[data-v-book-assessment-demo]{font:18px Poppins,sans-serif;text-anchor:middle;fill:#263238}.emoji[data-v-book-assessment-demo]{font-size:44px;text-anchor:middle}
.word--after-chip[data-v-book-assessment-demo]{text-anchor:start}.tap-sentence[data-v-book-assessment-demo]{white-space:pre;word-spacing:2px}
.tap-hover[data-v-book-assessment-demo]{opacity:0;fill:#eaf0ff;stroke:#6176b9;stroke-width:2;animation:demo-hover-the-book-assessment-demo 8s linear forwards}.tap-hover--2[data-v-book-assessment-demo]{animation-name:demo-hover-dog-book-assessment-demo}.tap-hover--3[data-v-book-assessment-demo]{animation-name:demo-hover-ran-book-assessment-demo}.tap-hover--1[data-v-book-assessment-demo]{opacity:1;fill:#e7f6ec;stroke:#258049;animation-name:demo-hover-fluffy-book-assessment-demo}
.pill[data-v-book-assessment-demo],.face[data-v-book-assessment-demo]{fill:white;stroke:#bdcbd1;stroke-width:2}.blue-pill[data-v-book-assessment-demo]{fill:#eaf3ff;stroke:#6176b9;stroke-width:2}.blue-word[data-v-book-assessment-demo]{fill:#245b91}.slot[data-v-book-assessment-demo]{fill:white;stroke:#91a5b0;stroke-width:2;stroke-dasharray:6 4}
.select-first[data-v-book-assessment-demo]{fill:#e7f6ec;stroke:#258049;animation:demo-select-book-assessment-demo 8s linear forwards}.early[data-v-book-assessment-demo]{opacity:0;animation:demo-early-book-assessment-demo 8s linear forwards}.after-first[data-v-book-assessment-demo]{opacity:1;animation:demo-after-first-book-assessment-demo 8s linear forwards}.late[data-v-book-assessment-demo]{opacity:1;animation:demo-late-book-assessment-demo 8s linear forwards}
.drag-adjective[data-v-book-assessment-demo]{transform:translateY(-96px);animation:demo-drag-adjective-book-assessment-demo 8s ease-in-out forwards}.typing-word-reveal[data-v-book-assessment-demo]{animation:demo-type-word-book-assessment-demo 8s steps(8,end) forwards}
.move-time[data-v-book-assessment-demo]{transform:translateX(-124px);animation:demo-move-time-book-assessment-demo 8s ease-in-out forwards}.time-body[data-v-book-assessment-demo]{transform:translateX(174px);text-anchor:start;animation:demo-time-body-book-assessment-demo 8s ease-in-out forwards}.time-letter[data-v-book-assessment-demo]{text-anchor:start}.time-lower[data-v-book-assessment-demo]{opacity:0;animation:demo-time-lower-book-assessment-demo 8s linear forwards}.time-capital[data-v-book-assessment-demo]{opacity:1;animation:demo-time-capital-book-assessment-demo 8s linear forwards}.time-comma[data-v-book-assessment-demo]{opacity:1;animation:demo-time-comma-book-assessment-demo 8s linear forwards}.time-done[data-v-book-assessment-demo]{opacity:1;animation:demo-time-done-book-assessment-demo 8s linear forwards}.mix-ran[data-v-book-assessment-demo]{transform:translateX(258px);animation:demo-mix-ran-book-assessment-demo 8s ease-in-out forwards}.mix-the[data-v-book-assessment-demo]{transform:translateX(-258px);animation:demo-mix-the-book-assessment-demo 8s ease-in-out forwards}
.done rect[data-v-book-assessment-demo]{fill:#258049}.done text[data-v-book-assessment-demo]{font:18px Poppins,sans-serif;text-anchor:middle;fill:white}.pointer[data-v-book-assessment-demo]{opacity:0;animation:demo-tap-book-assessment-demo 8s ease-in-out forwards}.pointer circle[data-v-book-assessment-demo]{fill:#fff9e9;stroke:#ed9e20;stroke-width:2}.pointer text[data-v-book-assessment-demo]{font:28px 'Material Icons';text-anchor:middle;fill:#c98208}
.pointer--adjective[data-v-book-assessment-demo]{animation-name:demo-adjective-pointer-book-assessment-demo}.pointer--capitals[data-v-book-assessment-demo]{animation-name:demo-capitals-pointer-book-assessment-demo}.pointer--time[data-v-book-assessment-demo]{animation-name:demo-time-pointer-book-assessment-demo}.pointer--mixed[data-v-book-assessment-demo]{animation-name:demo-mixed-pointer-book-assessment-demo}
.pointer--explore[data-v-book-assessment-demo]{animation-name:demo-explore-pointer-book-assessment-demo}
.pointer--no-word[data-v-book-assessment-demo]{animation:demo-no-word-pointer-book-assessment-demo 6s ease-in-out forwards}
.tap-none-choice rect[data-v-book-assessment-demo]{fill:#e7f6ec;stroke:#258049;stroke-width:2;animation:demo-no-word-choice-book-assessment-demo 6s linear forwards}.tap-none-choice text[data-v-book-assessment-demo]{font:19px Poppins,sans-serif;text-anchor:middle;fill:#263238}
.pointer--face[data-v-book-assessment-demo]{animation-name:demo-face-pointer-book-assessment-demo}
.time-before-move[data-v-book-assessment-demo]{opacity:0;animation:demo-time-before-move-book-assessment-demo 8s linear forwards}.time-after-move[data-v-book-assessment-demo]{opacity:1;animation:demo-time-after-move-book-assessment-demo 8s linear forwards}
.writing-paper[data-v-book-assessment-demo]{fill:white;stroke:#bdcbd1;stroke-width:2}.writing-lines[data-v-book-assessment-demo]{stroke:#ccd9df;stroke-width:1}.writing-answer[data-v-book-assessment-demo]{font:20px Poppins,sans-serif;fill:#263238}.typing-reveal[data-v-book-assessment-demo]{animation:demo-type-book-assessment-demo 2s steps(28,end) both}
.assessment-demo__replay[data-v-book-assessment-demo]{display:flex;align-items:center;justify-content:center;gap:7px;padding:7px 16px;border:1px solid #c2d2c7;border-radius:999px;background:white;color:#375c44;font:inherit;font-size:14px;cursor:pointer}.assessment-demo__replay .material-icons[data-v-book-assessment-demo]{font-size:20px}.assessment-demo__replay[data-v-book-assessment-demo]:hover{background:#e8f3eb}.assessment-demo__replay[data-v-book-assessment-demo]:focus-visible{outline:3px solid #e69500;outline-offset:3px}
@keyframes demo-select-book-assessment-demo{0%,35%{fill:white;stroke:#bdcbd1}40%,100%{fill:#e7f6ec;stroke:#258049}}
@keyframes demo-early-book-assessment-demo{0%,35%{opacity:1}40%,100%{opacity:0}}@keyframes demo-after-first-book-assessment-demo{0%,35%{opacity:0}40%,100%{opacity:1}}@keyframes demo-late-book-assessment-demo{0%,65%{opacity:0}70%,100%{opacity:1}}
@keyframes demo-drag-adjective-book-assessment-demo{0%,20%{transform:translateY(0)}45%,100%{transform:translateY(-96px)}}
@keyframes demo-type-word-book-assessment-demo{0%,15%{width:0}60%,100%{width:var(--typing-width)}}
@keyframes demo-move-time-book-assessment-demo{0%,24%{transform:translateX(0)}40%,100%{transform:translateX(-124px)}}
@keyframes demo-time-body-book-assessment-demo{0%,24%{transform:translateX(0)}40%,100%{transform:translateX(174px)}}
@keyframes demo-time-lower-book-assessment-demo{0%,58%{opacity:1}60%,100%{opacity:0}}
@keyframes demo-time-capital-book-assessment-demo{0%,58%{opacity:0}60%,100%{opacity:1}}
@keyframes demo-time-comma-book-assessment-demo{0%,72%{opacity:0}75%,100%{opacity:1}}
@keyframes demo-time-done-book-assessment-demo{0%,82%{opacity:0}85%,100%{opacity:1}}
@keyframes demo-time-before-move-book-assessment-demo{0%,24%{opacity:1}40%,100%{opacity:0}}
@keyframes demo-time-after-move-book-assessment-demo{0%,24%{opacity:0}40%,100%{opacity:1}}
@keyframes demo-mix-ran-book-assessment-demo{0%,15%{transform:translate(0,0)}25%{transform:translate(0,62px)}45%,100%{transform:translate(258px,0)}}@keyframes demo-mix-the-book-assessment-demo{0%,15%{transform:translate(0,0)}25%{transform:translate(0,-60px)}45%,100%{transform:translate(-258px,0)}}
@keyframes demo-type-book-assessment-demo{0%{width:0}100%{width:336px}}
@keyframes demo-tap-book-assessment-demo{0%{opacity:0;transform:translate(var(--tap-x),var(--tap-y))}15%,30%{opacity:1;transform:translate(var(--tap-x),var(--tap-y))}36%{opacity:1;transform:translate(var(--tap-x),var(--tap-y)) scale(.8)}45%,60%{opacity:1;transform:translate(var(--tap-x),var(--tap-y))}75%,100%{opacity:0;transform:translate(var(--tap-x),var(--tap-y))}}
@keyframes demo-face-pointer-book-assessment-demo{0%{opacity:0;transform:translate(205px,215px)}8%,15%{opacity:1;transform:translate(205px,215px)}30%{opacity:1;transform:translate(120px,150px)}36%{opacity:1;transform:translate(120px,150px) scale(.8)}45%,60%{opacity:1;transform:translate(120px,150px)}75%,100%{opacity:0;transform:translate(120px,150px)}}
@keyframes demo-hover-the-book-assessment-demo{0%,10%{opacity:0}12%,20%{opacity:1}25%,100%{opacity:0}}
@keyframes demo-hover-dog-book-assessment-demo{0%,26%{opacity:0}30%,38%{opacity:1}43%,100%{opacity:0}}
@keyframes demo-hover-ran-book-assessment-demo{0%,44%{opacity:0}47%,55%{opacity:1}60%,100%{opacity:0}}
@keyframes demo-hover-fluffy-book-assessment-demo{0%,61%{opacity:0;fill:#eaf0ff;stroke:#6176b9}64%,76%{opacity:1;fill:#eaf0ff;stroke:#6176b9}79%,100%{opacity:1;fill:#e7f6ec;stroke:#258049}}
@keyframes demo-explore-pointer-book-assessment-demo{0%,6%{opacity:0;transform:translate(var(--word-0-x,80px),101px)}12%,20%{opacity:1;transform:translate(var(--word-0-x,80px),101px)}30%,38%{opacity:1;transform:translate(var(--word-2-x,235px),101px)}47%,55%{opacity:1;transform:translate(var(--word-3-x,300px),101px)}64%,73%{opacity:1;transform:translate(var(--word-1-x,155px),101px)}77%{opacity:1;transform:translate(var(--word-1-x,155px),101px) scale(.8)}83%,90%{opacity:1;transform:translate(var(--word-1-x,155px),101px)}100%{opacity:0;transform:translate(var(--word-1-x,155px),101px)}}
@keyframes demo-no-word-pointer-book-assessment-demo{0%{opacity:0;transform:translate(125px,120px)}8%{opacity:1;transform:translate(125px,120px)}25%{opacity:1;transform:translate(200px,120px)}42%{opacity:1;transform:translate(275px,120px)}57%{opacity:1;transform:translate(200px,172px)}65%{opacity:1;transform:translate(200px,172px) scale(.8)}74%,87%{opacity:1;transform:translate(200px,172px)}100%{opacity:0;transform:translate(200px,172px)}}
@keyframes demo-no-word-choice-book-assessment-demo{0%,65%{fill:white;stroke:#b5bccb}70%,100%{fill:#e7f6ec;stroke:#258049}}
@keyframes demo-adjective-pointer-book-assessment-demo{0%{opacity:0;transform:translate(140px,177px)}15%,20%{opacity:1;transform:translate(140px,177px) scale(.85)}45%,55%{opacity:1;transform:translate(140px,81px)}70%,100%{opacity:0;transform:translate(140px,81px)}}
@keyframes demo-capitals-pointer-book-assessment-demo{0%{opacity:0;transform:translate(130px,95px)}15%,30%{opacity:1;transform:translate(130px,95px)}36%{opacity:1;transform:translate(130px,95px) scale(.8)}45%,60%{opacity:1;transform:translate(294px,95px)}66%{opacity:1;transform:translate(294px,95px) scale(.8)}80%,90%{opacity:1;transform:translate(200px,213px)}100%{opacity:0;transform:translate(200px,213px)}}
@keyframes demo-time-pointer-book-assessment-demo{0%{opacity:0;transform:translate(340px,165px)}8%,12%{opacity:1;transform:translate(340px,165px)}20%{opacity:1;transform:translate(224px,101px)}24%{opacity:1;transform:translate(224px,101px) scale(.85)}40%{opacity:1;transform:translate(100px,101px) scale(.85)}48%{opacity:1;transform:translate(37px,101px)}56%{opacity:1;transform:translate(37px,101px) scale(.8)}62%{opacity:1;transform:translate(37px,101px)}68%{opacity:1;transform:translate(184px,109px)}72%{opacity:1;transform:translate(184px,109px) scale(.8)}80%{opacity:1;transform:translate(184px,109px)}88%,92%{opacity:1;transform:translate(200px,213px) scale(.85)}100%{opacity:0;transform:translate(200px,213px)}}
@keyframes demo-mixed-pointer-book-assessment-demo{0%{opacity:0;transform:translate(326px,99px)}15%{opacity:1;transform:translate(326px,99px) scale(.85)}25%{transform:translate(326px,39px)}45%{opacity:1;transform:translate(68px,99px)}60%,66%{opacity:1;transform:translate(386px,99px) scale(.8)}80%,90%{opacity:1;transform:translate(200px,213px)}100%{opacity:0;transform:translate(200px,213px)}}
@media(prefers-reduced-motion:reduce){.assessment-demo__stage[data-v-book-assessment-demo] *{animation:none!important}.early[data-v-book-assessment-demo],.pointer[data-v-book-assessment-demo]{display:none}.after-first[data-v-book-assessment-demo],.late[data-v-book-assessment-demo]{opacity:1}}

.book-tool__assessment-intro-copy[data-v-934b8240] { display:flex; flex-direction:column; align-items:center; gap:inherit; width:100%;
}
.book-tool__assessment-intro-content--demo[data-v-934b8240] { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:center; gap:clamp(20px,4cqw,44px); width:min(100%,1000px);
}
.book-tool__assessment-intro-content--demo .book-tool__assessment-intro-copy[data-v-934b8240] { align-items:flex-start; text-align:left; gap:20px;
}
.book-tool__assessment-intro-content--demo .book-tool__assessment-intro-start[data-v-934b8240] { align-self:center;
}
.book-tool__assessment-intro-content--demo .book-tool__assessment-intro-title[data-v-934b8240] { font-size:clamp(24px,4.5cqh,36px);
}
.book-tool__assessment-intro-content--demo .book-tool__assessment-intro-instructions[data-v-934b8240] { font-size:clamp(16px,3cqh,22px);
}
@container(max-width:600px) {
.book-tool__assessment-intro-content--demo[data-v-934b8240] { grid-template-columns:1fr;
}
}
.book-tool__time-word-chip[data-v-934b8240], .book-tool__time-word-front[data-v-934b8240] { display: inline-block; padding: .03em .22em; border: 2px solid #6176b9; border-radius: .35em; color: #245b91; background: #eaf3ff; font: inherit; line-height: inherit;
}
.book-tool__time-word-chip[data-v-934b8240] { position: relative; z-index: 3; cursor: grab; touch-action: none;
}
.book-tool__time-word-work--teaching .book-tool__time-word-chip[data-v-934b8240] { transition: transform .9s ease-in-out;
}
.book-tool__time-word-chip[data-v-934b8240]:active { cursor: grabbing;
}
.book-tool__time-word-chip[data-v-934b8240]:hover, .book-tool__time-word-chip[data-v-934b8240]:focus-visible { border-color: #4367a5; background: #dceaff;
}
.book-tool__time-word-front[data-v-934b8240] { border-color: #6176b9; transition: border-color .3s ease, background .3s ease;
}
.book-tool__time-word-work--teaching .book-tool__time-word-front[data-v-934b8240] { animation: book-time-word-arrive .45s ease-out both;
}
.book-tool__time-word-letter[data-v-934b8240], .book-tool__time-word-comma[data-v-934b8240] { display: inline-block; min-width: .45em; min-height: 1.1em; padding: 0; border: 0; border-radius: .1em; color: inherit; background: transparent; font: inherit; line-height: inherit; vertical-align: baseline; cursor: pointer;
}
.book-tool__time-word-letter[data-v-934b8240]:hover, .book-tool__time-word-comma[data-v-934b8240]:hover { text-decoration: underline; text-decoration-color: #4367a5;
}
.book-tool__time-word-work--teaching .book-tool__time-word-letter[data-v-934b8240], .book-tool__time-word-work--teaching .book-tool__time-word-comma[data-v-934b8240] { color: #245b91; transition: color .3s ease;
}


.book-tool__spread:has(.adjective-match) > .book-tool__paper--text{grid-column:1/-1;width:100%;padding:16px 28px;align-items:stretch;border-radius:10px 18px 18px 10px}
.book-tool__spread:has(.adjective-match) > .book-tool__paper--picture{display:none}
.adjective-match[data-v-adjective-match-BookAdjectiveMatch]{display:flex;flex-direction:column;gap:7px;width:100%;height:100%;min-height:0;overflow:hidden;container-type:inline-size;color:#263238}.adjective-match[data-v-adjective-match-BookAdjectiveMatch]>*{flex-shrink:0}.adjective-match__toolbar[data-v-adjective-match-BookAdjectiveMatch]{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px}.adjective-match__toolbar strong[data-v-adjective-match-BookAdjectiveMatch]{font-size:clamp(16px,4cqw,21px)}.adjective-match__toolbar button[data-v-adjective-match-BookAdjectiveMatch]{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border:0;border-radius:50%;background:transparent;color:inherit;font-size:24px;cursor:pointer}.adjective-match__toolbar button[data-v-adjective-match-BookAdjectiveMatch]:hover{background:#0000000d}.adjective-match__info.is-active[data-v-adjective-match-BookAdjectiveMatch]{color:var(--primary-color,#8f5d95);background:#8f5d9514}.adjective-match__prompt[data-v-adjective-match-BookAdjectiveMatch]{margin:0;text-align:center;font-size:clamp(13px,4cqw,17px);line-height:1.4}.adjective-match__headings[data-v-adjective-match-BookAdjectiveMatch]{display:grid;grid-template-columns:1fr 1fr;gap:60px;text-align:center;font-size:clamp(12px,3cqw,16px);line-height:1.3}.adjective-match__board[data-v-adjective-match-BookAdjectiveMatch]{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:60px;margin:2px 16px;flex:1 1 auto;min-height:75px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.adjective-match__column[data-v-adjective-match-BookAdjectiveMatch]{display:grid;gap:10px;grid-auto-rows:minmax(44px,1fr)}.adjective-match__card[data-v-adjective-match-BookAdjectiveMatch]{position:relative;display:flex;align-items:center;justify-content:center;text-align:center;padding:0;border:2px solid #c8d1d7;border-radius:999px;background:#fff;font-size:clamp(17px,5cqw,25px);line-height:1.2;overflow-wrap:anywhere}.adjective-match__dot[data-v-adjective-match-BookAdjectiveMatch]{position:absolute;width:26px;height:26px;border:3px solid #607d8b;border-radius:50%;background:white;cursor:pointer;z-index:2}.adjective-match__dot--noun[data-v-adjective-match-BookAdjectiveMatch]{right:-14px}.adjective-match__dot--adjective[data-v-adjective-match-BookAdjectiveMatch]{left:-14px}.adjective-match__dot.is-connected[data-v-adjective-match-BookAdjectiveMatch]{background:#607d8b}.adjective-match__dot.is-selected[data-v-adjective-match-BookAdjectiveMatch]{border-color:#ee9900;background:#fff0cc;box-shadow:0 0 0 4px #ffc85b55}.adjective-match__lines[data-v-adjective-match-BookAdjectiveMatch]{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:1}.adjective-match__lines line[data-v-adjective-match-BookAdjectiveMatch]{stroke:#607d8b;stroke-width:3;stroke-linecap:round}.adjective-match__footer[data-v-adjective-match-BookAdjectiveMatch]{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.adjective-match__actions[data-v-adjective-match-BookAdjectiveMatch]{display:flex;justify-content:center;gap:10px}.adjective-match__actions button[data-v-adjective-match-BookAdjectiveMatch]{border:1px solid #bcc8ce;border-radius:999px;padding:5px 14px;background:#f5f5f5;color:inherit;font:inherit;cursor:pointer}.adjective-match__actions .adjective-match__done[data-v-adjective-match-BookAdjectiveMatch]{background:#27834b;color:white;border-color:#27834b}.adjective-match__actions button[data-v-adjective-match-BookAdjectiveMatch]:disabled{opacity:.45;cursor:default}.adjective-match__progress[data-v-adjective-match-BookAdjectiveMatch]{font-size:13px;text-align:center;margin:0;color:#546e7a}.adjective-match__instructions[data-v-adjective-match-BookAdjectiveMatch],.adjective-match__feedback[data-v-adjective-match-BookAdjectiveMatch]{margin:0;padding:10px 12px;border-radius:18px;background:#fff0e5;color:#8e3b1a;font-size:14px;line-height:1.4;text-align:center}.adjective-match__feedback.is-correct[data-v-adjective-match-BookAdjectiveMatch]{background:#e7f6ec;color:#236c3d}.adjective-match__instructions[data-v-adjective-match-BookAdjectiveMatch]{background:#edf3ff;color:#43536a;font-size:clamp(13px,4.5cqw,16px)}.adjective-match button[data-v-adjective-match-BookAdjectiveMatch]:focus-visible{outline:3px solid #e69500;outline-offset:3px}
.adjective-match__word[data-v-adjective-match-BookAdjectiveMatch]{position:relative;flex:1 1 auto;align-self:stretch;min-width:0;width:100%;padding:10px 42px;border:0;border-radius:inherit;background:transparent;color:inherit;font:inherit;line-height:inherit;text-align:center;overflow-wrap:anywhere;cursor:pointer}
.adjective-match__word[data-v-adjective-match-BookAdjectiveMatch]:hover{background:#607d8b0a}
.adjective-match__word-speech[data-v-adjective-match-BookAdjectiveMatch]{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:22px;color:#607d8b;opacity:0;pointer-events:none;transition:opacity .12s}
.adjective-match__card--adjective .adjective-match__word-speech[data-v-adjective-match-BookAdjectiveMatch]{left:auto;right:12px}
.adjective-match__word:hover .adjective-match__word-speech[data-v-adjective-match-BookAdjectiveMatch],.adjective-match__word:focus-visible .adjective-match__word-speech[data-v-adjective-match-BookAdjectiveMatch]{opacity:1}
@media(hover:none){.adjective-match__word-speech[data-v-adjective-match-BookAdjectiveMatch]{opacity:1}}