.language-world{--subject:#147eb0;--wash:#e9f7ff;max-width:1160px}.language-world.bahasa-world{--subject:#2c7848;--wash:#eaf8dd}.language-world h1{font-size:clamp(1.8rem,4vw,2.5rem);letter-spacing:-.5px}.language-world h2{font-size:1.5rem}.language-world p{line-height:1.7}.language-welcome{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:20px 28px;background:var(--wash);border:3px solid white;border-radius:26px;box-shadow:0 5px 0 #bfdde0;margin-bottom:25px}.language-welcome p{margin:7px 0}.language-welcome>img{width:120px;height:140px;object-fit:contain}.language-welcome .mascot-small{width:135px;height:145px}.small-note{font-size:.875rem;color:#48646a;line-height:1.7}.course-tabs,.group-pills,.writing-modes,.case-picker{display:flex;gap:9px;flex-wrap:wrap}.course-tabs{margin:25px 0}.course-tabs button,.group-pills button,.writing-modes button,.case-picker button{font-size:1rem;border:2px solid #b2d6d8;background:white;border-radius:18px;padding:11px 17px;min-height:46px;font-weight:700}.course-tabs button[aria-pressed=true],.writing-modes button[aria-pressed=true],.case-picker button[aria-pressed=true],.group-pills button[aria-pressed=true]{background:var(--subject);border-color:var(--subject);color:white}.section-row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.lesson-selection{margin:20px 0}.letter-picker{display:flex;gap:12px;margin:16px 0;flex-wrap:wrap}.letter-picker button{min-width:76px;min-height:72px;border-radius:18px;background:white;border:2px solid #b2d6d8;font-size:1.7rem;font-weight:700}.letter-picker button small{display:block;font-size:.8rem;color:#286b45}.letter-picker button[aria-pressed=true]{border:3px solid var(--subject);background:var(--wash)}.letter-lesson{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr);gap:24px;align-items:start}.letter-card,.writing-card,.review-intro,.language-quiz,.language-finish,.story-reading{background:#fffefa;border:3px solid white;border-radius:26px;padding:26px;box-shadow:0 5px 0 #c2dade}.letter-card{text-align:center}.letter-pair{display:flex;justify-content:center;margin:20px auto}.letter-pair svg{max-width:50%;height:auto;max-height:210px}.letter-card h2{font-size:1.7rem}.letter-card p{color:#48646a}.lesson-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:20px}.writing-card .case-picker button{font-size:.875rem;padding:8px 12px}.writing-modes{margin:15px 0}.writing-modes button{flex:1;padding:10px}.writing-card p{font-size:1rem;margin:14px 0}#letterBoardWrap{position:relative;aspect-ratio:1;max-width:400px;width:100%;margin:auto;border:2px solid #b8d1d8;border-radius:12px;background:white;overflow:hidden}#letterBoard,#letterOverlay,#freeLetterBoard,.writing-lines{position:absolute;inset:0;width:100%;height:100%}#letterOverlay{pointer-events:none}.writing-lines{background:repeating-linear-gradient(to bottom,transparent 0,transparent 24%,#c6e0e680 24.2%,transparent 24.5%);pointer-events:none}#freeLetterBoard{touch-action:none}.board-controls{display:flex;gap:9px;flex-wrap:wrap;justify-content:center}#traceFeedback{min-height:52px;color:#20664d}#letterSequence{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}#letterSequence>div{background:#f4f8f7;border-radius:10px;text-align:center;flex:1 0 96px;max-width:135px}#letterSequence svg{width:100%}#letterSequence span{font-size:.875rem}details summary{cursor:pointer;padding:12px 0;font-weight:700;font-size:1rem}.word-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:22px 0}.word-card{background:#fffefa;border:3px solid white;border-radius:24px;padding:25px;text-align:center;box-shadow:0 5px 0 #bed9ce}.word-card h3{font-size:2rem;margin:12px 0 5px;overflow-wrap:anywhere}.word-card p{font-size:1rem}.word-visual{font-size:4rem;min-height:90px;display:grid;place-items:center}.colour-block{width:72px;height:72px;border:3px solid #173f4c33;border-radius:18px;display:block}.word-translation{font-size:.875rem;color:#49666b}.word-card button{min-height:44px}.story-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:20px 0}.story-picker button{border:3px solid white;border-radius:24px;background:var(--wash);min-height:140px;font-size:1.4rem;font-weight:700;padding:24px}.story-picker span{font-size:3rem;display:block}.story-reading{max-width:800px;margin:25px auto}.story-reading #storyArt{font-size:4rem;text-align:center}.story-reading #storyText{font-size:1.5rem;line-height:1.8}.story-reading h3{font-size:1.25rem}.language-quiz,.language-finish,.review-intro{text-align:center;max-width:800px;margin:25px auto}.language-finish .mascot-finish{margin:auto}.language-quiz h2{font-size:1.8rem}.answer-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin:24px 0}.answer-grid button{background:var(--wash);border:3px solid #b2d6d8;border-radius:20px;min-width:115px;min-height:90px;font-size:1.5rem;font-weight:700;padding:14px 20px;max-width:100%;overflow-wrap:anywhere}.answer-grid button svg{display:block;width:115px;height:115px}.answer-grid button.correct{border-color:#257a41;background:#e0f4d8}.answer-grid button:disabled{opacity:1}#quizCue>svg{width:170px;height:170px}#quizCue .word-visual{margin:20px auto}#quizFeedback,#storyFeedback{font-size:1.125rem;color:#20664d;min-height:30px}#quizParent{max-width:530px;margin:15px auto;text-align:left;background:#f0f5f2;padding:0 17px;border-radius:14px}.language-parent-notes{margin:30px 0;padding:12px 24px;border:2px solid #b9dbd7;background:#f7fffb;border-radius:20px}.language-parent-notes p{font-size:.95rem}.course-tabs button:focus-visible,.letter-picker button:focus-visible,.answer-grid button:focus-visible{outline:3px solid #153d5a;outline-offset:4px}#languageVoiceNotice{margin-top:24px}
@media(max-width:750px){.letter-lesson{grid-template-columns:1fr}.letter-card{padding:20px}.letter-pair{max-width:280px;margin:8px auto}.language-welcome{padding:18px}.language-welcome .mascot-small{width:90px;height:120px}.word-cards{grid-template-columns:1fr}.word-card{display:grid;grid-template-columns:90px 1fr;gap:0 15px;text-align:left}.word-card .word-visual{grid-row:span 4;align-self:center}.word-card h3{font-size:1.7rem}.word-card p{margin:5px 0 12px}.word-card button{justify-self:start}.course-tabs button{flex:1 0 40%}.language-quiz,.writing-card{padding:20px 15px}.answer-grid button{min-width:75px;padding:12px}.answer-grid button svg{width:85px;height:85px}.story-picker{grid-template-columns:1fr}.story-reading #storyText{font-size:1.2rem}}@media(prefers-reduced-motion:reduce){.language-world *{scroll-behavior:auto!important}}

.learning-audio{background:#fffefa;border:2px solid #b8d8d8;border-radius:20px;padding:16px 22px;margin:20px 0}.audio-controls{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.audio-controls label{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:1rem}.audio-controls select{font:inherit;padding:9px;border-radius:10px;border:1px solid #94babe;max-width:100%;background:white}.learning-audio p{font-size:1rem;margin:12px 0}.learning-audio [data-state=error],.learning-audio [data-state=unavailable]{color:#913717}.learning-audio details p{font-size:.9rem}#languageVoiceNotice{display:none}

.word-visual img{display:block;width:170px;max-width:100%;height:auto;margin:auto;border-radius:18px}.word-family-note{background:#fff1b9;border:2px solid #e3c868;padding:16px 20px;border-radius:18px;font-size:1rem;line-height:1.7}.word-card h3 mark{color:#714024;background:#ffddab;border-radius:7px;padding:0 3px}.word-write-link{font-size:.9rem;display:inline-block;margin-top:12px;color:#126488;font-weight:700}.story-picker .word-visual img{width:170px;max-height:130px;object-fit:contain}#storyArt .word-visual img{width:360px;max-height:270px;object-fit:contain}@media(max-width:750px){.word-card .word-write-link{grid-column:2}.word-card .word-visual img{width:90px}.word-card .word-visual{grid-row:span 5}}