:root{--ink:#3c291b;--line:#755235;--paper:#fff9e9;--purple:#9b5b35;--lavender:#ead7b1;--mint:#bed3aa;--yellow:#efd27b;--pink:#e9aa91;--blue:#a8d0d2;--good:#347549;--bad:#a33d32}
body{background:radial-gradient(ellipse at 90% 0%,rgba(222,184,76,.22),transparent 28%),radial-gradient(ellipse at 0% 100%,rgba(91,128,93,.18),transparent 30%),#f8edcf;color:var(--ink);font-family:"Segoe UI","Aptos",Arial,sans-serif}
.menu-panel,.activity-panel{border-color:#755235;background:rgba(255,250,235,.94);box-shadow:10px 10px 0 rgba(93,63,30,.22)}
h1,.lesson-title{color:#552f19;text-shadow:none;letter-spacing:-.025em;font-weight:720}
.back-link{border-color:#684b31;background:#fff9e9;color:#3c291b;box-shadow:3px 3px #d7bd8c}
.activity-header p,.menu-header p{color:#654a35}
.explanation,.question-card{border-color:#755235;background:#fffdf6}
.lesson-points{display:grid;gap:12px;margin:0;padding-left:1.4em;font-size:clamp(1.18rem,2.1vw,1.55rem);font-weight:400;line-height:1.5}.lesson-points li::marker{color:#c06b35;font-size:1.15em}.lesson-points b{color:inherit;font-weight:400;font-style:italic;text-decoration:underline;text-underline-offset:.15em}.example{display:grid;gap:8px;font-weight:400}.example-label{color:#8a5634;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.example-text{display:block;width:100%;font-family:"Segoe UI","Aptos",Arial,sans-serif;font-size:clamp(1.35rem,2.35vw,1.8rem);font-weight:400;line-height:1.45}.example-text b{color:#4c2b18;font-weight:800}
.lesson-table-wrap{width:100%;overflow-x:auto;border:2px solid #9b7751;border-radius:9px}.lesson-table{width:100%;border-collapse:collapse;background:#fffaf0;font-size:clamp(.98rem,1.6vw,1.2rem);line-height:1.3}.lesson-table th,.lesson-table td{padding:10px 13px;border-right:1px solid #d2ba91;border-bottom:1px solid #d2ba91;text-align:left}.lesson-table th:last-child,.lesson-table td:last-child{border-right:0}.lesson-table tr:last-child td{border-bottom:0}.lesson-table th{background:#e7cf99;color:#4c2b18;font-weight:800}.lesson-table tbody tr:nth-child(even){background:#f6ead0}.lesson-table td:last-child{font-weight:650}
.lesson-visual{border-color:#755235;background:#f8edcf}
.example{border-left-color:#c06b35;background:#f3dfb7}
.tip{border-color:#a77729;background:#fff0b7}
.activity-grid{border-color:#755235;background:#f5e5bc}
.activity-link{border-color:#755235;box-shadow:4px 4px rgba(93,63,30,.2)}
.lesson-number{border-color:#755235}
.start-button,.next-button{border-color:#755235;background:#a9c68f;color:#2e261c}
.answer{border-color:#755235}.answer.correct{background:#76c68d}.answer.wrong{background:#e9917f}
.complete-mark{background:#5eb277;box-shadow:0 9px #357f4c}
.complete-links a{border-color:#755235;background:#efd27b}
.lesson-dialog{border-color:#755235;background:#fff9e9;color:#3c291b}
.answers.sentence-answers{display:flex;grid-template-columns:none;flex-wrap:wrap;align-items:baseline;gap:.28em;padding:22px;border:3px solid #b78b45;border-radius:10px;background:#f3e6b9;font-size:clamp(1.5rem,3vw,2.25rem);line-height:1.8}.answer.word-answer{min-height:0;padding:.08em .18em;border:0;border-radius:5px;background:transparent;box-shadow:none;font-size:inherit;font-weight:500}.answer.word-answer:hover,.answer.word-answer:focus-visible{background:#fff8d9;text-decoration:underline}.answer.word-answer.correct,.answer.word-answer.correct:disabled{background:#77d895;color:#183d24;text-decoration:underline;text-decoration-thickness:4px;opacity:1}.answer.word-answer.wrong{background:#f3a0a0}.answer.word-answer:disabled{opacity:.62}
.question-card h2{font-size:clamp(1.55rem,3vw,2.15rem);line-height:1.3}.response-label{display:block;margin:22px 0 9px;color:#755235;font-family:inherit;font-size:clamp(1.2rem,2vw,1.4rem);font-weight:800}.written-answer{display:block;width:100%;padding:16px 18px;border:3px solid #9f7c42;border-radius:9px;background:#fffef8;color:#3c291b;font-family:inherit;font-size:clamp(1.4rem,2.6vw,1.8rem);font-weight:500;line-height:1.45;resize:vertical}.written-answer:focus{outline:5px solid #e7bf54;outline-offset:2px}.word-to-change{display:inline-block;min-width:220px;margin:14px 0 4px;padding:20px 30px;border:3px solid #b78b45;border-radius:10px;background:#f3e6b9;text-align:center;font-size:clamp(2.25rem,5vw,3.5rem);font-weight:700}.check-button{display:block;margin:20px 0 0;padding:14px 26px;border:3px solid #755235;border-radius:9px;background:#a9c68f;color:#2e261c;font-family:inherit;font-size:clamp(1.15rem,2vw,1.35rem);font-weight:800;line-height:1.2;cursor:pointer;box-shadow:4px 4px rgba(93,63,30,.2)}.check-button:disabled{cursor:default;opacity:.6}
.instruction-target{display:inline-block;padding:.05em .28em;border-bottom:5px solid #d59a25;border-radius:4px;background:#fff0a8;color:#3f2817;font-size:1.16em;font-weight:950;letter-spacing:.01em}
.feedback.answer-reveal{padding:16px;border:3px solid #b47a24;border-radius:9px;background:#fff0b8;color:#4b301b;line-height:1.5}.feedback.answer-reveal strong{font-size:1.2em}
.parts-slideshow{margin-top:clamp(22px,4vw,44px)}.slide-stage{position:relative;min-height:clamp(410px,58vh,610px);overflow:hidden;padding:clamp(24px,5vw,62px);border:4px solid #755235;border-radius:20px;background:linear-gradient(135deg,#fffdf6 0%,#f5e5bc 100%);box-shadow:8px 8px rgba(93,63,30,.18);isolation:isolate}.slide-stage::before,.slide-stage::after{content:"";position:absolute;z-index:-1;border-radius:50%;filter:blur(1px)}.slide-stage::before{width:280px;height:280px;top:-120px;right:-70px;background:rgba(192,107,53,.16)}.slide-stage::after{width:220px;height:220px;bottom:-110px;left:-60px;background:rgba(91,128,93,.18)}.slide-eyebrow{display:inline-block;margin:0 0 18px;padding:7px 13px;border-radius:99px;background:#552f19;color:#fff9e9;font-size:.82rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.slide-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.9fr);align-items:center;gap:clamp(20px,4vw,52px)}.slide-layout>*{min-width:0}.slide-copy h1{max-width:680px;margin:0;color:#552f19;font-size:clamp(2.7rem,6vw,5.5rem);line-height:.98;letter-spacing:-.045em}.slide-copy p{max-width:650px;margin:24px 0 0;font-size:clamp(1.25rem,2.3vw,1.75rem);line-height:1.45}.slide-visual{display:grid;place-items:center;width:100%;min-width:0;min-height:290px}.reveal-heading{animation:reveal-soft .45s both}.reveal-copy{animation:reveal-soft .5s .35s both}.type-preview,.example-cards,.picture-row{display:flex;width:100%;min-width:0;align-items:end;justify-content:center;gap:clamp(7px,1.4vw,16px)}.type-preview span,.example-cards span,.picture-row span{display:grid;flex:1 1 90px;min-width:0;max-width:150px;gap:8px;place-items:center;padding:18px clamp(7px,1vw,13px);border:3px solid #755235;border-radius:18px;box-shadow:5px 5px rgba(93,63,30,.18)}.type-preview b,.example-cards b,.picture-row b{font-size:clamp(2.7rem,5vw,5rem);line-height:1}.type-preview small,.example-cards small,.picture-row small{max-width:100%;font-size:clamp(.78rem,1.3vw,1rem);font-weight:900;overflow-wrap:anywhere}.picture-row span{background:#a8d0d2}.verb-examples span{background:#e9aa91}.adjective-examples span{background:#efd27b}.reveal-item{animation:card-rise .55s .7s both}.reveal-item:nth-child(2){animation-delay:1.15s}.reveal-item:nth-child(3){animation-delay:1.6s}.reveal-item:nth-child(4){animation-delay:2.05s}.noun-chip{background:#a8d0d2}.verb-chip{background:#e9aa91}.adjective-chip{background:#efd27b}.sentence-build{display:flex;max-width:100%;flex-wrap:wrap;align-items:center;justify-content:center;gap:9px;direction:ltr;font-size:clamp(1.65rem,3.2vw,2.5rem)}.plain-word{padding:14px 4px}.build-word{display:grid;gap:5px;place-items:center;padding:13px 15px 9px;border:3px solid #755235;border-radius:12px;box-shadow:4px 4px rgba(93,63,30,.17)}.build-word small{font-size:.7rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.slide-controls{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;margin-top:22px}.slide-button{display:grid;place-items:center;width:58px;min-height:54px;padding:8px;border:3px solid #755235;border-radius:10px;background:#a9c68f;color:#2e261c;font-family:inherit;font-size:1.5rem;font-weight:800;line-height:1;cursor:pointer;box-shadow:4px 4px rgba(93,63,30,.2)}.slide-button:hover{transform:translate(2px,2px);box-shadow:2px 2px rgba(93,63,30,.2)}.slide-button:disabled{visibility:hidden}.slide-next{justify-self:end}.slide-back{justify-self:start;background:#fff9e9}.slide-dots{display:flex;gap:9px}.slide-dot{width:15px;height:15px;padding:0;border:2px solid #755235;border-radius:50%;background:#fff9e9;cursor:pointer}.slide-dot.active{background:#755235;transform:scale(1.25)}@keyframes reveal-soft{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes card-rise{from{opacity:0;transform:translateY(35px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:760px){.slide-stage{min-height:0}.slide-layout{grid-template-columns:1fr}.slide-copy{text-align:center}.slide-copy p{margin-left:auto;margin-right:auto}.slide-visual{min-height:220px}.type-preview,.example-cards,.picture-row{flex-wrap:wrap}.type-preview b,.example-cards b,.picture-row b{font-size:3.2rem}.slide-controls{grid-template-columns:1fr 1fr}.slide-dots{grid-column:1/-1;grid-row:1;justify-content:center}.slide-back{grid-column:1;grid-row:2}.slide-next{grid-column:2;grid-row:2}}@media(max-width:430px){.slide-stage{padding:20px 15px}.slide-copy h1{font-size:2.45rem}.type-preview,.example-cards,.picture-row{gap:6px}.type-preview span,.example-cards span,.picture-row span{min-width:88px;padding:13px 8px}.type-preview b,.example-cards b,.picture-row b{font-size:2.55rem}}@media(prefers-reduced-motion:reduce){.parts-slideshow *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.generic-statement{max-width:720px!important;font-family:"Segoe UI","Aptos",Arial,sans-serif!important;font-size:clamp(1.55rem,2.65vw,2.75rem)!important;font-weight:500!important;line-height:1.4!important;letter-spacing:0!important}.generic-statement b{font-weight:650}.concept-visual{display:flex;width:100%;min-width:0;align-items:end;justify-content:center;gap:clamp(7px,1.4vw,16px)}.concept-visual span{display:grid;flex:1 1 90px;min-width:0;max-width:150px;gap:8px;place-items:center;padding:18px clamp(7px,1vw,13px);border:3px solid #755235;border-radius:18px;background:#e8d5aa;box-shadow:5px 5px rgba(93,63,30,.18)}.concept-visual span:nth-child(2){background:#a8d0d2}.concept-visual span:nth-child(3){background:#e9aa91}.concept-visual b{font-size:clamp(2.7rem,5vw,5rem);line-height:1}.concept-visual small{max-width:100%;font-size:clamp(.78rem,1.3vw,1rem);font-weight:900;overflow-wrap:anywhere}.decorative-concept span{min-height:150px}.animated-example{width:100%;max-width:520px;padding:clamp(22px,4vw,42px);border:4px solid #755235;border-left-width:12px;border-radius:16px;background:#f3dfb7;box-shadow:7px 7px rgba(93,63,30,.18);direction:ltr;text-align:left;font-size:clamp(1.45rem,2.7vw,2.15rem);line-height:1.55}.animated-example b{color:#4c2b18;font-weight:900}@media(max-width:760px){.generic-copy{text-align:center}.concept-visual{flex-wrap:wrap}.animated-example{max-width:620px}}
.generic-description{max-width:650px;margin:20px 0 0;font-size:clamp(1.25rem,2vw,1.7rem);font-weight:400;line-height:1.5}.generic-description b{font-weight:700}
.example-slide .slide-layout{grid-template-columns:1fr;align-items:start;gap:18px}.example-slide .slide-visual{min-height:0}.example-slide .animated-example{width:100%;max-width:none;padding:clamp(20px,3vw,34px) clamp(24px,4vw,48px);font-size:clamp(1.3rem,2.1vw,1.85rem);line-height:1.48}
.generic-slide:not(.example-slide) .slide-layout{grid-template-columns:minmax(0,.82fr) minmax(360px,1.18fr);gap:clamp(22px,4vw,48px)}.concept-visual{flex-direction:column;align-items:stretch;width:100%;max-width:560px;gap:12px}.concept-visual .concept-example{display:grid;grid-template-columns:82px minmax(0,1fr);align-items:center;width:100%;max-width:none;min-height:104px;padding:11px 18px;gap:18px;text-align:left}.concept-visual .concept-icon{font-size:clamp(2.7rem,4vw,4rem);text-align:center}.concept-visual .concept-example small{display:flex;align-items:baseline;flex-wrap:wrap;gap:.32em;max-width:none;font-size:clamp(1.4rem,2.4vw,2rem);line-height:1.25;overflow-wrap:normal}.concept-visual .example-word,.concept-visual .example-arrow{display:inline;min-width:0;max-width:none;padding:0;border:0;border-radius:0;background:transparent!important;box-shadow:none}.word-change{color:#b2362d;font-weight:950}.example-arrow{font-weight:700}@media(max-width:760px){.generic-slide:not(.example-slide) .slide-layout{grid-template-columns:1fr}.concept-visual{max-width:620px}.concept-visual .concept-example{grid-template-columns:70px minmax(0,1fr)}}@media(max-width:430px){.concept-visual .concept-example{grid-template-columns:58px minmax(0,1fr);padding:9px 12px;gap:10px}.concept-visual .concept-example small{font-size:1.25rem}}
.concept-visual .concept-example{flex:none}.concept-visual .example-word,.concept-visual .example-arrow{flex:0 1 auto;gap:0;place-items:normal}

/* Teaching targets remain distinct from neutral exercise prompts. */
.example-text .word-change,.animated-example .word-change,.lesson-table .word-change,.concept-visual .word-change,.answer-reveal .word-change{color:#b2362d;font-weight:800}